/* base.css: base colour, type, shadow and motion tokens per mode. Load FIRST, then tokens.css, themes.css, components.css.
   Standalone: every variable used by tokens.css and components.css is defined here or in tokens.css. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-var.woff2) format("woff2")}
:root{
  --font:"Inter","Inter Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Fragment Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --lime:#d9ff5c; --on-lime:#14142d;
  --ease:cubic-bezier(.22,1.12,.36,1);      /* ~ spring, bounce .2 */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --r-sm:8px; --r:12px; --r-lg:24px; --r-xl:40px; --r-pill:999px;
  --container:1200px;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --hh:62px;
}
[data-mode="light"]{
  color-scheme:light;
  --page:#ffffff; --page-tint:#ebeff5; --wash:#eceef8;
  --surface:#ffffff; --surface-2:#f4f5fb;
  --frame:#e6e9f3; --frame-2:#d6dbe9;
  --ink:#242426; --ink-2:#4d4f57; --muted:#80809a; --faint:#9391b8;
  --line:rgba(36,36,38,.08); --line-2:rgba(36,36,38,.14);
  --dark:#242426; --dark-ink:#ffffff; --dark-muted:rgba(255,255,255,.6);
  --shadow:0 .6px .6px -1.25px rgba(0,0,0,.09),0 2.3px 2.3px -2.5px rgba(0,0,0,.08),0 10px 10px -3.75px rgba(0,0,0,.05);
  --shadow-lg:0 4px 8px rgba(0,0,0,.06),0 24px 48px -12px rgba(20,20,45,.18);
  --header-bg:rgba(255,255,255,.72);
  --muted:#686882;--focus:#77759e;
  --pill:var(--ink);
}
[data-mode="dark"]{
  color-scheme:dark;
  --page:#0f0f10; --page-tint:#17171c; --wash:#16161b;
  --surface:#1c1c1f; --surface-2:#242426;
  --frame:#2a2a31; --frame-2:#343647;
  --ink:#ebedfa; --ink-2:#b7b9c9; --muted:#8a8aa3; --faint:#9391b8;
  --line:rgba(235,237,250,.08); --line-2:rgba(235,237,250,.14);
  --dark:#ebedfa; --dark-ink:#14142d; --dark-muted:rgba(20,20,45,.62);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 20px -6px rgba(0,0,0,.4);
  --shadow-lg:0 4px 8px rgba(0,0,0,.25),0 30px 60px -16px rgba(0,0,0,.7);
  --header-bg:rgba(15,15,16,.72);
  --focus:#9391b8;
  --pill:#232328;
}
/* minimal element defaults so a bare page reads correctly */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.55 var(--font);letter-spacing:-.01em}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0}
a{color:inherit}