/* tokens.css — all design tokens: color palette (ex-colors.css) + fonts/eases/layout vars. Loaded first. */
/* ============================================================
   TOKYO NIGHT (temporary theme) — color tokens
   Accent: moon blue. Purple for selection + manifesto em.
   Indigo-navy base. Revert: git checkout css/tokens.css + the
   literal swaps in base/layout/work/modal css files.
   ============================================================ */
:root {
  --bg: #1a1b26;
  --bg-raised: #1f2335;
  --ink: #c0caf5;
  --ink-muted: #a9b1d6;
  --ink-faint: #737aa2;
  --neon: #7aa2f7;
  --neon-dim: rgba(122, 162, 247, 0.75);
  --magenta: #bb9af7;
  --red: #ff8ea3;
  --hairline: rgba(220, 223, 245, 0.08);
  --hairline-strong: rgba(220, 223, 245, 0.16);
  --ink-on-neon: #16161e;
}

    /* ============================================================
       design tokens (non-color)
       ============================================================ */
    :root {
      --font-display: "Chakra Petch", sans-serif;
      --font-mono: "JetBrains Mono", monospace;

      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --ease-heavy: cubic-bezier(0.32, 0.72, 0, 1);
      --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* iOS-style overshoot-settle */

      --pad-x: clamp(1.25rem, 5vw, 5rem);
      --radius-xl: 1.75rem;

      /* glassmorphism — tweak these to restyle all glass surfaces at once */
      --glass-bg: rgba(30, 30, 30, 0.4);
      --glass-blur: blur(20px);
      --glass-saturate: saturate(120%);
      --glass-border: rgba(255, 255, 255, 0.08);
      --glass-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
      --glass-panel-blur: blur(24px);
    }

    /* ============================================================
       custom Bibata cursors — dark theme (default) set
       (inverted: dark theme uses the light-variant SVG icons)
       ============================================================ */
    :root {
      --cursor-default: url("../icons/cursor/light/left_ptr.svg") 5 2, auto;
      --cursor-pointer: url("../icons/cursor/light/hand2.svg") 11 2, pointer;
    }

    /* ============================================================
       fixed dark-window palette — mock demo terminals keep their
       night look in BOTH themes (they sit on the page like windows)
       ============================================================ */
    :root {
      --win-ink: #c0caf5;
      --win-muted: #a9b1d6;
      --win-faint: #737aa2;
      --win-accent: #7aa2f7;
      --win-accent-dim: rgba(122, 162, 247, 0.75);
      --win-magenta: #bb9af7;
      --win-hairline: rgba(220, 223, 245, 0.16);
      color-scheme: dark;
    }

    /* ============================================================
       TOKYO NIGHT DAY — light theme overrides (html[data-theme="light"])
       Page surfaces flip; chrome (nav pill, modal, mocks) stays dark.
       ============================================================ */
    [data-theme="light"] {
      --bg: #e6e7ed;
      --bg-raised: #eceef5;
      --ink: #343b58;
      --ink-muted: #565f89;
      --ink-faint: #848cb5;
      --neon: #2959aa;
      --neon-dim: rgba(41, 89, 170, 0.75);
      --magenta: #5a3e8e;
      --red: #d84f66;
      --hairline: rgba(52, 59, 88, 0.14);
      --hairline-strong: rgba(52, 59, 88, 0.26);
      --ink-on-neon: #ffffff;

      --glass-bg: rgba(252, 252, 255, 0.55);
      --glass-border: rgba(52, 59, 88, 0.18);
      --glass-shadow: 0 20px 60px rgba(52, 59, 88, 0.12);

      /* light-theme cursor set (inverted: uses the dark-variant icons) */
      --cursor-default: url("../icons/cursor/left_ptr.svg") 5 2, auto;
      --cursor-pointer: url("../icons/cursor/hand2.svg") 11 2, pointer;

      color-scheme: light;
    }