/*==============================================================
    BASE STYLES
    Sanskritigram Cultural Centre
==============================================================*/

/* Body */

body {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    font-weight: var(--fw-normal);
    line-height: 1.8;
    color: var(--color-text);
    background-color: var(--color-ivory-light);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Main content */

main {
    display: block;
    min-height: 1px;
}


/* Links */

a {
    transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);
}


/* Images */

img {
    object-fit: cover;
}


/* Form controls */

input,
textarea,
select {
    width: 100%;
    max-width: 100%;
}

textarea {
    min-height: 120px;
}


/* Focus states */

:focus-visible {
    outline: 2px solid var(--color-gold);
    outline-offset: 3px;
}


/* Text selection */

::selection {
    color: var(--color-white);
    background-color: var(--color-gold-dark);
}


/* Tables */

table {
    width: 100%;
}


/* Horizontal rule */

hr {
    margin: var(--space-lg, 32px) 0;
    border-color: rgba(113, 50, 31, 0.18);
}


/* Reduced motion */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}