/**
 * SiteNests — Design System Tokens
 * Native CSS Variables for Colors, Typography, and Global Resets
 */

:root {
    /* ============================================================
       1. GLOBAL COLOR TOKENS
       ============================================================ */

    /* Primary Dark / Green */
    --color-forest-depths: #122314;
    --color-moss-shadow: #273f2b;
    --color-lichen-sage: #7e8371;
    --color-pale-fern: #b7bda5;

    /* Green Accent */
    --color-electric-sprout: #68ef3f;
    --color-deep-verdant: #26a200;
    --color-sprout-wash: #e7f9dd;
    --color-mist-green: #d9deca;

    /* Neutral */
    --color-onyx-olive: #30322a;
    --color-pure-white: #ffffff;
    --color-bone-white: #f2f5eb;
    --color-soft-mist: #dcdfe3;
    --color-cool-stone: #d6d6d6;
    --color-carbon: #222222;

    /* ============================================================
       2. FONT TOKENS
       ============================================================ */

    --font-ozik:
        'Ozik',
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        sans-serif;

    --font-aeonik:
        'Aeonik',
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        sans-serif;

    --font-instrument-serif:
        'Instrument Serif',
        ui-serif,
        Georgia,
        Cambria,
        "Times New Roman",
        Times,
        serif;
}

/* ============================================================
   5. GLOBAL BODY STYLING
   ============================================================ */

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-aeonik);
    color: var(--color-onyx-olive);
    background: var(--color-pure-white);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}