/* ============================================================================
   Design tokens
   Aesthetic: editorial minimal — typography-led, generous space, one
   disciplined accent, subtle motion. No noise, no glow.

   Palette: electric cobalt on truly neutral greys. The accent is defined twice —
   a brighter value for dark and a deeper one for light — because a single hex
   cannot clear 4.5:1 as *text* against both a near-black and a near-white
   ground. Dark is the default; light follows the operating system.
   ============================================================================ */

:root {
  /* Surfaces — neutral, no warm cast */
  --bg: #08090c;
  --bg-2: #101218;
  --bg-3: #181b24;

  /* Ink */
  --fg: #f2f4f7;
  --fg-dim: #a8adb8;      /* ~7:1 on --bg   */
  --fg-faint: #7f8598;    /* ~4.8:1 on --bg */

  --line: rgba(242, 244, 247, 0.09);
  --line-strong: rgba(242, 244, 247, 0.19);

  /* One disciplined accent. Used sparingly. */
  --accent: #6d8cff;
  --accent-ink: #060a18;                    /* legible text on an accent fill */
  --accent-soft: rgba(109, 140, 255, 0.12);
  --accent-line: rgba(109, 140, 255, 0.34);

  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;

  --display-weight: 500;
  --display-tracking: -0.03em;
  /* Grotesk sets much wider than a display serif, so the oversized type clamps
     are multiplied by this rather than being rewritten one by one. */
  --display-scale: 0.84;

  --radius: 4px;
  --radius-lg: 8px;
  --radius-xl: 14px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion: 1;

  --maxw: 1280px;
  --maxw-prose: 68ch;
  --gutter: clamp(20px, 5vw, 80px);

  --shadow-lift: 0 30px 80px -30px rgb(0 0 0 / 0.72);
  --shadow-panel: 0 40px 100px -40px rgb(0 0 0 / 0.82);

  --nav-h: 84px;

  color-scheme: dark light;
}

/* --- Light -----------------------------------------------------------------
   No theme switcher any more, so this follows the operating system. */
@media (prefers-color-scheme: light) {
  :root {
    --bg: #f4f5f7;
    --bg-2: #eaecf1;
    --bg-3: #dcdfe7;
    --fg: #0d1017;
    --fg-dim: #4a5060;      /* ~7.6:1 on --bg   */
    --fg-faint: #656c7a;    /* ~4.8:1 on --bg   */
    --line: rgba(13, 16, 23, 0.11);
    --line-strong: rgba(13, 16, 23, 0.22);

    --accent: #2540d9;
    --accent-ink: #f7f9ff;
    --accent-soft: rgba(37, 64, 217, 0.10);
    --accent-line: rgba(37, 64, 217, 0.34);

    --shadow-lift: 0 30px 70px -35px rgb(20 28 50 / 0.28);
    --shadow-panel: 0 40px 90px -45px rgb(20 28 50 / 0.32);

    color-scheme: light;
  }
}