/**
 * tokens.css — Design tokens
 * Coffee / Editorial Archive palette — reduced color, warm earth tones
 */

:root {
    /* ── Core Palette ── */
    --c-paper: #F2EDE3;
    --c-ink: #16140F;
    --c-accent: #A6391C;
    --c-surface: #EAE4D9;
    --c-muted: #6B6560;
    --c-border: #D8D1C7;

    /* ── Font Families ── */
    --font-display: 'Proxima Nova', 'Montserrat', 'Arial Black', Arial, sans-serif;
    --font-body: 'Open Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* ── Brand aliases ── */
    --color-brand: #A6391C;
    --color-brand-hover: #8B2E14;
    --color-brand-light: #F5E8E4;
    --color-brand-ring: rgba(166, 57, 28, 0.2);

    /* ── Category accents — warm earth family (reduced rainbow) ── */
    --color-artifacts-bg: #F0E9DE;
    --color-artifacts-text: #7A3010;
    --color-artifacts-border: #CFC0B0;

    --color-articles-bg: #F0E9DE;
    --color-articles-text: #7A3010;
    --color-articles-border: #CFC0B0;

    --color-posts-bg: #F0E9DE;
    --color-posts-text: #7A3010;
    --color-posts-border: #CFC0B0;

    --color-appearances-bg: #F0E9DE;
    --color-appearances-text: #7A3010;
    --color-appearances-border: #CFC0B0;

    /* ── Platform Badges ── */
    --color-claude-bg: #FEF0E8;
    --color-claude-text: #9A3412;
    --color-claude-border: #FDBA8C;

    --color-notebooklm-bg: #F0FDF4;
    --color-notebooklm-text: #15803D;
    --color-notebooklm-border: #BBF7D0;

    /* ── Surfaces (legacy aliases) ── */
    --surface-primary: #F2EDE3;
    --surface-secondary: #EAE4D9;
    --surface-tertiary: #E0D9CE;
    --surface-overlay: rgba(242, 237, 227, 0.92);

    /* ── Text (legacy aliases) ── */
    --text-primary: #16140F;
    --text-secondary: #6B6560;
    --text-tertiary: #9A938D;
    --text-inverse: #F2EDE3;

    /* ── Borders (legacy aliases) ── */
    --border-default: #D8D1C7;
    --border-hover: #B5ADA4;
    --border-focus: #A6391C;

    /* ── Shadows ── */
    --shadow-card: 0 1px 3px 0 rgba(22, 20, 15, 0.08), 0 1px 2px -1px rgba(22, 20, 15, 0.06);
    --shadow-card-hover: 0 10px 15px -3px rgba(22, 20, 15, 0.1), 0 4px 6px -4px rgba(22, 20, 15, 0.08);
    --shadow-header: 0 1px 3px 0 rgba(22, 20, 15, 0.06);

    /* ── Layout ── */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;
    --max-width: 80rem;

    /* ── Transitions ── */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --duration-fast: 200ms;
    --duration-default: 300ms;
    --duration-slow: 600ms;
}

/* ── Dark Mode (Midnight Bureau) ── */
.dark {
    --c-paper: #1C1A16;
    --c-ink: #EDE8DF;
    --c-accent: #E07A4F;
    --c-surface: #2E2B22;
    --c-muted: #C4BCB4;
    --c-border: #6A6258;

    --surface-primary: #1C1A16;
    --surface-secondary: #252219;
    --surface-tertiary: #2E2B24;
    --surface-overlay: rgba(28, 26, 22, 0.92);

    --text-primary: #EDE8DF;
    --text-secondary: #C4BCB4;
    --text-tertiary: #8A837D;

    --border-default: #6A6258;
    --border-hover: #8A827A;
    --border-focus: #E07A4F;

    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    --shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.4);

    --color-brand-light: rgba(224, 122, 79, 0.12);
    --color-brand-ring: rgba(224, 122, 79, 0.2);

    /* Category accents dark */
    --color-artifacts-bg: rgba(166, 57, 28, 0.12);
    --color-articles-bg: rgba(166, 57, 28, 0.12);
    --color-posts-bg: rgba(166, 57, 28, 0.12);
    --color-appearances-bg: rgba(166, 57, 28, 0.12);

    --color-artifacts-text: #E0A080;
    --color-articles-text: #E0A080;
    --color-posts-text: #E0A080;
    --color-appearances-text: #E0A080;

    --color-artifacts-border: #7A5040;
    --color-articles-border: #7A5040;
    --color-posts-border: #7A5040;
    --color-appearances-border: #7A5040;
}

/* ── Global base styles ── */
body {
    background-color: var(--c-paper) !important;
    color: var(--c-ink);
    font-family: var(--font-body);
}