/* =========================================
   BASE.CSS — GLOBAL RESET + FONTS + BODY
   ========================================= */

/* ---------------------------
   FONT IMPORTS
---------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');

/* ---------------------------
   GLOBAL RESET
---------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

/* ---------------------------
   BODY DEFAULTS
---------------------------- */
body {
    color: #fdf7ec;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;

    /* fallback background */
    background: #050608;
}

/* ---------------------------
   UNIVERSAL TYPOGRAPHY
---------------------------- */

/* Headers use Cinzel */
h1, h2, h3, h4, h5, h6,
header, nav .nav-section-title {
    font-family: 'Cinzel', serif;
}

/* Body text uses Source Serif Pro */
body, p, li, a, label, input, select, textarea, span, div {
    font-family: 'Source Serif Pro', serif;
    font-size: 1.05rem;
}

input, select, textarea {
    font-family: 'Source Serif Pro', serif;
    font-size: 1.05rem;
}

/* ---------------------------
   BACKGROUND IMAGE LAYER
---------------------------- */
#background {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url('/assets/backgrounds/phoenix_rising.webp');
    background-size: cover;
    background-position: center;
    filter: brightness(0.6);
    z-index: 0;
}

/* ---------------------------
   LIGHT MODE SUPPORT
---------------------------- */
@media (prefers-color-scheme: light) {
    body {
        color: #1b1308;
        background: #f4eee6;
    }

    #background {
        filter: brightness(0.9);
    }
}