/* ─────────────────────────────────────────────────────────────────────
   Design tokens — colors, type, spacing.
   Cocina de Noche: matched to sofritoconrecao.com. Espresso surfaces,
   warm cream ink, burnt-sienna accent, pixel display type for chrome,
   serif retained for editorial headlines.
   ───────────────────────────────────────────────────────────────────── */

/* Pixelify Sans (brand/display) + Atkinson Hyperlegible (body sans).
   Served from Google Fonts for now — self-host woff2 later if preferred. */
@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Atkinson+Hyperlegible:wght@400;700&display=swap");

:root {
    /* Surfaces — espresso, same family as the main site. */
    --surface-base: #16110c;
    --surface-raised: #1e1812;
    --surface-elev: #251e16;
    --surface-rule: #2b2118;
    --surface-rule-strong: #3b3128;

    /* Ink — warm cream, reads like newsprint under lamplight. */
    --ink-headline: #f4ecdc;
    --ink-body: #d6cdbe;
    --ink-muted: #9a8c76;
    --ink-faint: #5f5648;

    /* Accent — burnt sienna, the sofritoconrecao identity. */
    --accent: #c97b5e;
    --accent-soft: rgba(201, 123, 94, 0.12);
    --accent-strong: #e09a7d;

    /* Sentiment — sober, warmed to sit in the espresso palette. */
    --pos: #9fc78a;
    --pos-soft: rgba(159, 199, 138, 0.15);
    --neu: #9a8c76;
    --neu-soft: rgba(154, 140, 118, 0.15);
    --neg: #d9706f;
    --neg-soft: rgba(217, 112, 111, 0.15);

    /* Source bias chips — functional hues, unchanged. */
    --bias-statehood: #6ea8d9;
    --bias-independence: #d97a6e;
    --bias-commonwealth: #c9a96e;
    --bias-neutral: #8a8a8a;
    --bias-unknown: #5a5a5a;

    /* Type ramp — serif stays for editorial headlines; pixel display
       for site chrome (masthead title, page heads); Atkinson for body. */
    --pixel: "Pixelify Sans", sans-serif;
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --sans: "Atkinson Hyperlegible", system-ui, -apple-system,
            BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono",
            Consolas, monospace;

    --fs-eyebrow: 0.6875rem;   /* 11px — kickers, mastheads */
    --fs-meta: 0.75rem;        /* 12px — bylines, timestamps */
    --fs-body: 1rem;           /* 16px — body */
    --fs-lead: 1.125rem;       /* 18px — leads, excerpts */
    --fs-h4: 1.25rem;          /* 20px — column heads */
    --fs-h3: 1.5rem;           /* 24px — section heads */
    --fs-h2: 1.875rem;         /* 30px — story heads */
    --fs-h1: 2.625rem;         /* 42px — hero head */
    --fs-display: 3.5rem;      /* 56px — splash */

    --lh-tight: 1.15;
    --lh-headline: 1.2;
    --lh-snug: 1.35;
    --lh-body: 1.55;
    --lh-loose: 1.7;

    /* Space ramp — 4px grid. */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 96px;

    /* Layout — square corners; the pixel aesthetic has no rounding. */
    --page-max: 1180px;
    --reading-max: 720px;
    --radius-sm: 0px;
    --radius-md: 0px;
    --radius-lg: 0px;

    /* Motion. */
    --t-fast: 120ms ease;
    --t-mid: 200ms ease;
}

/* ─── @font-face — self-hosted from /assets/fonts/. ─── */

@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/source-serif-4-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/source-serif-4-latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Source Serif 4";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/source-serif-4-latin-400-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/jetbrains-mono-latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}