/*
 * /assets/core/tokens.css — design tokens.
 *
 * Source of truth for colors, typography, spacing, radius and motion.
 * Mirrored in (and currently still defined in) assets/style.css; that
 * duplication will resolve as Phase 3 tabs migrate to the trunk.
 */

:root {
    /* graphite (console / dark — default) */
    --bg:#0E0F11; --bg-1:#141619; --bg-2:#1A1D21; --bg-3:#22262B;
    --fg:#F5F3EE; --fg-2:#C9C5BD; --fg-3:#8B8680; --fg-4:#555049;
    --line:#2A2E34; --line-hi:#3D434B;

    /* signal */
    --red:#FF3B2E; --red-2:#FF6A5F; --red-deep:#B8231A;
    --red-wash:rgba(255,59,46,.08);

    /* semantic */
    --green:#3FD37A; --amber:#E8B14A; --blue:#6FA8FF; --violet:#B490F5;

    /* fonts */
    --f-display:'Clash Display','Space Grotesk',ui-sans-serif,sans-serif;
    --f-body:'Supreme','Space Grotesk',ui-sans-serif,system-ui,sans-serif;
    --f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;

    /* type scale */
    --t-xs:11px; --t-sm:12px; --t-md:13px; --t-base:14px; --t-lg:16px;
    --t-xl:20px; --t-2xl:28px; --t-3xl:40px; --t-4xl:64px; --t-5xl:104px;

    /* spacing scale */
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
    --s6:32px; --s7:48px; --s8:64px; --s9:96px;

    /* radius + motion */
    --r:2px; --r-lg:4px;
    --dur-fast:120ms; --dur:200ms; --ease-out:cubic-bezier(.2,.7,.2,1);

    color-scheme: dark;
}

[data-surface="paper"] {
    --bg:#F1EBE0; --bg-1:#FAF6EF; --bg-2:#E8E0D1; --bg-3:#E8E0D1;
    --fg:#161514; --fg-2:#3A3633; --fg-3:#6B645D; --fg-4:#A39A8E;
    --line:rgba(22,21,20,.18); --line-hi:rgba(22,21,20,.45);
    --red:#E63027; --red-deep:#B61E17;
    --f-display:'Newsreader','Gambarino',Georgia,serif;
    --f-body:'Switzer',ui-sans-serif,system-ui,sans-serif;

    color-scheme: light;
}