/* Design tokens. Re-theme the whole site by editing this file only. */
@font-face{font-family:"Space Grotesk";src:url("../fonts/space-grotesk.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono.woff2") format("woff2");font-weight:100 800;font-display:swap}

:root{
  --font-display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --r-sm:10px;--r-md:16px;--r-lg:20px;
  --s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4.5rem;--s-9:7rem;
  --wrap:1160px;--prose:68ch;
  --header-h:64px;
  --ease:cubic-bezier(.22,.8,.3,1);
}

/* Dark (default) */
:root,:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0c12;
  --bg-2:#0e1119;
  --surface:#12151f;
  --surface-2:#171b27;
  --border:rgba(255,255,255,.1);
  --border-strong:rgba(255,255,255,.18);
  --text:#e8eaf2;
  --text-dim:#a3a9bd;
  --text-faint:#8991a8;
  --accent:#5eead4;
  --accent-2:#8b9cff;
  --accent-ink:#06100f;
  --accent-grad:linear-gradient(120deg,#5eead4 0%,#7aa7ff 55%,#a78bfa 100%);
  --link:#7ee8d8;
  --warm:#fbbf6a;
  --ok:#6ee7a8;
  --glow:rgba(94,234,212,.22);
  --glow-2:rgba(139,156,255,.2);
  --scrim:rgba(10,12,18,.55);
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -24px rgba(0,0,0,.7);
  --particle:94,234,212;
  --particle-2:139,156,255;
}
/* Light */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f5f0;
  --bg-2:#efece5;
  --surface:#ffffff;
  --surface-2:#f4f1ea;
  --border:rgba(20,24,40,.12);
  --border-strong:rgba(20,24,40,.24);
  --text:#161a28;
  --text-dim:#464d63;
  --text-faint:#5a6178;
  --accent:#0b7a70;
  --accent-2:#4452c9;
  --accent-ink:#ffffff;
  --accent-grad:linear-gradient(120deg,#0b8f82 0%,#3e63d8 55%,#7048d6 100%);
  --link:#0a6e65;
  --warm:#9a5b00;
  --ok:#0c7a45;
  --glow:rgba(11,122,112,.16);
  --glow-2:rgba(68,82,201,.14);
  --scrim:rgba(247,245,240,.6);
  --shadow:0 1px 0 rgba(255,255,255,.8) inset,0 16px 34px -22px rgba(30,36,60,.35);
  --particle:11,122,112;
  --particle-2:68,82,201;
}