/* ==========================================================================
   Design tokens - the single source of truth for this project's palette,
   type, radius and spacing. Every other stylesheet in the project (see
   theme/components.css, calling/style.css, organization/index.css) should
   read colors through these custom properties rather than hardcoding hex
   values - change a value here and it updates everywhere it's used.

   Loaded once, globally, from base.html - never re-declare these in a
   page-specific stylesheet.

   Dark is the default look everywhere (trading-terminal feel: near-black
   surfaces, flat borders instead of shadows). [data-theme="light"] on
   <html> - set by the inline init script in base.html, toggled from the
   homepage - switches every token below to the light set.
   ========================================================================== */

:root {
    /* Surfaces */
    --bg: #0a0a10;
    --surface: #131319;
    --surface-raised: #1b1b24;
    --border: #232226;

    /* Text */
    --text: #eeedf2;
    --text-muted: #8a8890;
    --text-faint: #59575e;

    /* Brand accent - teal. Used for links, active/selected states and the
       one primary action on a page. Never used for status/semantic
       meaning - that's what success/warning/danger are for. */
    --accent: #2dd4bf;
    --accent-hover: #5eead4;
    --accent-soft: rgba(45, 212, 191, 0.14);
    --accent-text: #052e2b;

    /* Semantic colors - status only, independent of the brand accent */
    --success: #3ecf94;
    --success-bg: rgba(62, 199, 148, 0.12);
    --warning: #e2884c;
    --warning-bg: rgba(226, 136, 76, 0.14);
    --danger: #ea6f76;
    --danger-bg: rgba(234, 111, 118, 0.14);

    /* Shape */
    --radius: 10px;

    /* Type */
    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
}

:root[data-theme="light"] {
    --bg: #f7f7f8;
    --surface: #ffffff;
    --surface-raised: #f2eff9;
    --border: #e6e5e8;

    --text: #18171a;
    --text-muted: #78767e;
    --text-faint: #a6a4ac;

    --accent: #0f766e;
    --accent-hover: #115e59;
    --accent-soft: rgba(15, 118, 110, 0.1);
    --accent-text: #ffffff;

    --success: #1f9d6b;
    --success-bg: #e4f6ee;
    --warning: #b5540f;
    --warning-bg: #faf0da;
    --danger: #c33f46;
    --danger-bg: #fbe9ea;
}