/* Generated from design/tokens.json by design/build.py. DO NOT EDIT: change tokens.json and rebuild. */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..700;1,6..96,400..500&family=Instrument+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap");
:root{
  --loge-night:#0C1C18;
  --loge-box:#132B25;
  --loge-panel:#18332C;
  --loge-felt:#1F3A33;
  --loge-line:#2A4A41;
  --loge-brass:#B8925A;
  --loge-brass-hi:#D3B07A;
  --loge-brass-deep:#8A6630;
  --loge-programme:#EDE6D6;
  --loge-parchment:#D9D4C7;
  --loge-sage:#9DB0A8;
  --loge-moss:#6F857C;
  --loge-seat:#7A2E2A;
  --loge-coral:#E39A8F;
  --loge-ok:#6CC08F;
  --loge-warn:#E0A84A;
  --loge-stone:#EEECE6;
  --loge-paper:#FFFFFF;
  --loge-rule:#D3D0C6;
  --loge-ink:#14201C;
  --loge-slate:#5B6B65;
  --loge-mist:#DCE3DF;
  --loge-device:#050A08;
  --loge-device-edge:#2C3B36;
  --bg:var(--loge-night);
  --surface:var(--loge-box);
  --surface-2:var(--loge-panel);
  --bubble:var(--loge-felt);
  --line:var(--loge-line);
  --text:var(--loge-programme);
  --text-2:var(--loge-parchment);
  --muted:var(--loge-sage);
  --placeholder:var(--loge-moss);
  --accent:var(--loge-brass);
  --accent-hi:var(--loge-brass-hi);
  --on-accent:var(--loge-night);
  --moment:var(--loge-seat);
  --danger:var(--loge-coral);
  --ok:var(--loge-ok);
  --warn:var(--loge-warn);
  --device:var(--loge-device);
  --device-edge:var(--loge-device-edge);
  --font-display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --font-ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"DM Mono",ui-monospace,Menlo,monospace;
  --size-label:11px;
  --size-small:13px;
  --size-body:16px;
  --size-lead:clamp(17px,1.6vw,19px);
  --size-h3:22px;
  --size-h2:clamp(32px,4.4vw,48px);
  --size-h1:clamp(46px,7.4vw,88px);
  --size-score:26px;
  --tracking-label:.16em;
  --tracking-wordmark:.3em;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:72px;
  --radius-sm:10px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-bubble:14px;
  --radius-device:44px;
  --radius-pill:999px;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:var(--loge-stone);
  --surface:var(--loge-paper);
  --surface-2:var(--loge-paper);
  --bubble:var(--loge-mist);
  --line:var(--loge-rule);
  --text:var(--loge-ink);
  --text-2:var(--loge-ink);
  --muted:var(--loge-slate);
  --placeholder:var(--loge-slate);
  --accent:var(--loge-brass-deep);
  --accent-hi:var(--loge-brass);
  --on-accent:var(--loge-paper);
  --moment:var(--loge-seat);
  --danger:var(--loge-seat);
  --ok:var(--loge-ok);
  --warn:var(--loge-brass-deep);
  --device:var(--loge-device);
  --device-edge:var(--loge-device-edge);
  color-scheme:light;
}