/* ============================================================
   Design tokens — emerald-on-near-black editorial theme.
   Single place to retheme the whole application.
   ============================================================ */

:root{
  /* surfaces */
  --bg:#080a0b;
  --bg-alt:#0b0f0e;
  --surface:rgba(255,255,255,.038);
  --surface-2:rgba(255,255,255,.07);
  --glass:rgba(16,24,21,.62);
  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.15);
  --border-accent:rgba(0,242,148,.28);

  /* text */
  --text:#f2f6f4;
  --text-dim:#9aa8a2;
  --text-faint:#6b7873;

  /* brand — emerald / mint */
  --accent:#00f294;
  --accent-2:#10b981;
  --accent-3:#7c3aed;          /* violet, used only for the logo strip + a few links */
  --accent-deep:#042f1a;
  --accent-soft:rgba(0,242,148,.12);
  --grad:linear-gradient(120deg,#00f294 0%,#10b981 55%,#0ea5a4 100%);
  --grad-violet:linear-gradient(90deg,#7c3aed 0%,#4f46e5 100%);
  --glow-green:rgba(0,242,148,.4);

  /* semantic */
  --ok:#00f294;
  --danger:#f87171;
  --warn:#fbbf24;

  /* radii & elevation */
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:26px;
  --shadow:0 22px 60px -22px rgba(0,0,0,.85);
  --shadow-glow:0 0 0 1px rgba(0,242,148,.3),0 24px 70px -26px rgba(0,242,148,.42);

  /* type */
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-serif:'Playfair Display',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  /* layout */
  --nav-h:78px;
  --max-w:1220px;
  --gutter:24px;

  /* motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --dur-fast:.22s;
  --dur:.32s;
  --dur-slow:.7s;
}

html[data-theme="light"]{
  --bg:#f4f7f5;
  --bg-alt:#ffffff;
  --surface:rgba(8,20,15,.035);
  --surface-2:rgba(8,20,15,.065);
  --glass:rgba(255,255,255,.72);
  --border:rgba(8,20,15,.10);
  --border-strong:rgba(8,20,15,.18);
  --border-accent:rgba(5,150,105,.35);
  --text:#0b1a14;
  --text-dim:#41544c;
  --text-faint:#63756d;
  --accent:#059669;
  --accent-2:#047857;
  --accent-soft:rgba(5,150,105,.12);
  --glow-green:rgba(5,150,105,.28);
  --grad:linear-gradient(120deg,#059669 0%,#0d9488 55%,#0ea5a4 100%);
  --shadow:0 20px 55px -24px rgba(11,26,20,.28);
  --shadow-glow:0 0 0 1px rgba(5,150,105,.3),0 22px 55px -24px rgba(5,150,105,.4);
}