/* Art of Truth Beta — Design Tokens
 * Source: v2-shell.jsx lines 3-20
 * All tokens exported as CSS custom properties on :root
 */

/* ── Self-hosted font declarations (4 families, all with font-display: swap) ── */

@font-face {
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Fraunces-VariableFont_SOFT,WONK,opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Fraunces-Italic-VariableFont_SOFT,WONK,opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/Newsreader/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/Newsreader/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 300 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../fonts/JetBrainsMono/JetBrainsMono-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../fonts/JetBrainsMono/JetBrainsMono-Italic-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 800;
    font-style: italic;
    font-display: swap;
}

/* ── CSS Custom Properties ───────────────────────────────────────────────── */

:root {
    /* Ink / background scale — near-black (b > r) to maximize contrast
       with the #a61c1c accent. Cool cast intentional (avoids warm-brown
       drift); keep the b-channel slightly above r. */
    --ink-0:      #050507;
    --ink-1:      #0d0d13;
    --ink-2:      #17171f;

    /* Paper / foreground scale — neutral (drops yellow saturation so the
       cream doesn't combine with any warm cast in the ink scale). */
    --paper-0:    #ece9e3;
    --paper-1:    #c2beb4;

    /* Muted — neutral hue, WCAG-AA on --ink-0 */
    --mute-0:     #9a968d;
    --mute-1:     #807c74;

    /* Rules / dividers — neutralised alongside paper */
    --rule-weak:   rgba(236, 233, 227, 0.12);
    --rule-strong: rgba(236, 233, 227, 0.28);

    /* Accent (crimson), FireBrick-adjacent red, green/blue near zero.
       Most --accent uses are hover states; sub-AA contrast on body
       text is an accepted trade-off for branding fidelity. */
    --accent:      #a61c1c;
    --accent-dim:  rgba(166, 28, 28, 0.22);

    /* Review pill colors */
    --approved:    #6fb88a;
    --ai-verified: #a78bfa;

    /* Buy-me-a-coffee yellow */
    --coffee-yellow: #FFDD00;

    /* Typography stacks */
    --font-display: 'Fraunces', 'Times New Roman', serif;
    --font-body:    'Newsreader', Georgia, serif;
    --font-ui:      'Inter', system-ui, sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, monospace;

    /* Spacing */
    --gutter-desktop: 56px;
    --gutter-narrow:  22px;
}