/* ==========================================================================
   tokens.css — design tokens do acervo "Memória do ITA"
   Paleta sóbria (papel + tinta) com acento aero-azul institucional.
   Tema claro/escuro via [data-theme].
   ========================================================================== */

:root {
    /* superfícies */
    --bg: #FAFAF7;
    --surface: #FFFFFF;
    --surface-2: #F3F2ED;
    --surface-3: #ECEAE3;

    /* texto */
    --text: #1A1A16;
    --muted: #75736A;
    --faint: #A2A097;

    /* linhas / sombra / acento */
    --line: rgba(20, 20, 12, .09);
    --line-strong: rgba(20, 20, 12, .16);
    --accent: #3C5A86;
    --accent-ink: #FFFFFF;
    --shadow: rgba(20, 20, 12, .16);

    /* tipografia */
    --serif: 'Schibsted Grotesk', system-ui, sans-serif;
    --sans: 'Schibsted Grotesk', system-ui, sans-serif;
    --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* grade fluida */
    --container: 1180px;
    --container-narrow: 980px;
    --gutter: clamp(20px, 5vw, 28px);
    --space-section: clamp(56px, 8vw, 96px);
    --radius: 18px;
    --radius-lg: 24px;
    --radius-pill: 999px;
}

[data-theme="dark"] {
    --bg: #0D0D0C;
    --surface: #161614;
    --surface-2: #1E1E1B;
    --surface-3: #272723;

    --text: #F2F1EB;
    --muted: #9D9B91;
    --faint: #6C6A61;

    --line: rgba(255, 255, 255, .09);
    --line-strong: rgba(255, 255, 255, .17);
    --accent: #8FB0DE;
    --accent-ink: #0D0D0C;
    --shadow: rgba(0, 0, 0, .55);
}