/* Design tokens — colors, typography, radii, shadows.
   Light palette on :root, dark overrides via prefers-color-scheme. */

:root {
  --bg: #f3f7f5;
  --bg-2: #e8efeb;
  --surface: #ffffff;
  --ink: #0b1210;
  --ink-2: #43504b;
  --ink-3: #7f8c87;
  --line: #d9e3de;

  --accent: #63f1b7;                       /* mint fill */
  --accent-text: #0c9a68;                  /* readable mint on light */
  --accent-ink: #03140d;                   /* text on mint */
  --accent-soft: rgba(99, 241, 183, .22);
  --glow: rgba(99, 241, 183, .55);
  --grid: rgba(12, 154, 104, .16);

  --panel: #07100d;                        /* always-dark panels */
  --panel-ink: #e6f5ee;

  --nav-h: 68px;                           /* sticky header height */

  --radius: 18px;
  --shadow: 0 1px 2px rgba(10,30,20,.04), 0 10px 30px -12px rgba(10,30,20,.14);

  --display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #070b09;
    --bg-2: #0c1311;
    --surface: #101915;
    --ink: #eaf5f0;
    --ink-2: #a8b8b1;
    --ink-3: #6f7f78;
    --line: #1c2a24;
    --accent-text: #63f1b7;
    --accent-soft: rgba(99, 241, 183, .12);
    --grid: rgba(99, 241, 183, .12);
    --panel: #0b1512;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px -12px rgba(0,0,0,.6), 0 0 0 1px rgba(99,241,183,.05);
  }
}