/* Fonts + design tokens. */
@font-face{ font-family: azeret; src: url("/fonts/Azeret_TRIAL_Regular-s.p.2uchrifp58w5v.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face{ font-family: azeret; src: url("/fonts/Azeret_TRIAL_Medium-s.p.1j6zxzz5lnap4.woff2") format("woff2"); font-display: swap; font-weight: 500; font-style: normal; }
@font-face{ font-family: azeret; src: url("/fonts/Azeret_TRIAL_Medium-s.p.1j6zxzz5lnap4.woff2") format("woff2"); font-display: swap; font-weight: 600; font-style: normal; }
@font-face{ font-family: "azeret Fallback"; src: local(Arial); ascent-override: 82.06%; descent-override: 20.14%; line-gap-override: 0%; size-adjust: 114.18%; }
@font-face{ font-family: "Azeret Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/2f059f8bf31de55f-s.p.28l707c7cxluz.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: "Azeret Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/00a3e852ab94cc31-s.0v3rawbx0s8_e.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: "Azeret Mono Fallback"; src: local(Arial); ascent-override: 64.26%; descent-override: 15.77%; line-gap-override: 0%; size-adjust: 145.81%; }
@font-face{ font-family: cesare; src: url("/fonts/Cesare_Regular-s.p.3k6449a6b6jf7.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face{ font-family: "cesare Fallback"; src: local(Arial); ascent-override: 158.64%; descent-override: 34.4%; line-gap-override: 36.31%; size-adjust: 52.32%; }
:root{
  --font-azeret: "azeret", "azeret Fallback";
  --font-azeret-mono: "Azeret Mono", "Azeret Mono Fallback";
  --font-cesare: "cesare", "cesare Fallback";

  --color-canvas: #0e0e0e; --color-surface: #242424; --color-border: #303030;
  --color-secondary: #c8c8c8; --color-secondary-on-light: #c8c8c8;
  --color-faint: var(--color-secondary); --color-muted: var(--color-secondary); --color-body: var(--color-secondary);
  --color-text: #fff; --color-accent: #ffe800; --color-accent-orange: #ff6a1f;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 36px; --space-7: 48px; --space-8: 64px;
  --space-section: 90px; --space-media: 16px; --space-bar: 40px;

  --sys-off-black: #141414; --sys-glass-weak: #ffffff0d; --sys-glass: #ffffff1a;
  --sys-glass-strong: #ffffff29; --sys-hairline: #ffffff1a; --sys-handle: #2d2d2d;
  --sys-open-ms: .5s; --sys-open-ease: cubic-bezier(.15, 0, .3, 1);
  --sys-hover-ms: .167s; --sys-press-ms: 83ms;
  --modal-open-dur: .25s; --modal-close-dur: .15s; --modal-scale: .96; --modal-scale-close: .96;
  --modal-ease: cubic-bezier(.22, 1, .36, 1);

  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 6px; --radius-circle: 50%; --radius-pill: 999px;

  --font-display: var(--font-azeret), ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--font-azeret), ui-sans-serif, system-ui, sans-serif;
  --font-label: var(--font-azeret-mono), ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-mono: var(--font-azeret-mono), ui-monospace, SFMono-Regular, Menlo, monospace;
  --tracking-label: .02em;

  --text-display-lg: 44px; --text-display: 36px; --text-display-sm: 30px;
  --text-lede: 16px; --text-heading: 16px; --text-body: 14px; --text-ui: 13px; --text-caption: 11px;

  --bg: var(--color-canvas); --window: var(--color-canvas); --surface: var(--color-surface);
  --border: var(--color-border); --text: var(--color-text); --body-text: var(--color-body);
  --muted: var(--color-muted); --faint: var(--color-faint);
}
*{ box-sizing: border-box; }
html, body{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; height: 100dvh; margin: 0; padding: 0; }
body{
  background: var(--bg);
  color: var(--body-text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  overflow: clip hidden;
}
.srOnly{ clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
html{ scroll-behavior: auto; }
}
