/* Compiled from tokens.json (light theme). */
:root, [data-theme="light"] {
  --paper: #ffffff;
  --paper-2: #f3f5f8;
  --paper-3: #e6eaf0;
  --rule: #ccd3dd;
  --rule-control: #7a8499;
  --rule-strong: var(--ink);
  --ink: #0a1430;
  --ink-2: #39445a;
  --ink-3: #5b667a;
  --cobalt-10: #ebefff;
  --cobalt-20: #d3dbff;
  --cobalt-50: #3e64ee;
  --cobalt-60: #1448d4;
  --cobalt-70: #1238ae;
  --cobalt-90: #0b1f66;
  --ground-slab: var(--cobalt-60);
  --tint: var(--cobalt-10);
  --on-slab: #ffffff;
  --on-slab-muted: var(--cobalt-20);
  --accent-ink: var(--cobalt-60);
  --link: var(--cobalt-60);
  --link-hover: var(--cobalt-70);
  --action: var(--cobalt-60);
  --action-hover: var(--cobalt-70);
  --action-press: var(--cobalt-90);
  --on-action: #ffffff;
  --action-disabled: var(--paper-3);
  --on-action-disabled: var(--ink-3);
  --focus: var(--cobalt-60);
  --focus-on-slab: #ffffff;
  --bracket: var(--cobalt-60);
  --secure: #0e7a4c;
  --secure-tint: #e4f2ea;
  --alarm: #c8102e;
  --alarm-tint: #fce8eb;
  --on-alarm: #ffffff;
  --on-ink: #ffffff;
  --shadow-none: none;
  --shadow-rule: 0 1px 0 #ccd3dd;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-0: 0;
  --radius-1: 2px;
  --radius-dot: 50%;
  --dur-instant: 1ms;
  --dur-fast: 160ms;
  --dur-base: 260ms;
  --dur-enter: 300ms;
  --dur-lock: 320ms;
  --dur-count: 450ms;
  --dur-stagger: 40ms;
  --dur-tag-delay: 300ms;
  --dur-loop: 1600ms;
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --container: 1360px;
  --gutter: 40px;
  --gutter-mobile: 20px;
  --grid-columns: 12;
  --grid-gap: 8px;
  --bento-row: 136px;
  --ladder-row: 72px;
  --header-height: 88px;
  --header-height-scrolled: 64px;
  --control-height: 52px;
  --tap-target: 44px;
  --measure: 64ch;
  --logo-min: 140px;
  --bp-mobile: 390px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;
  --font-display: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --font-sans: Barlow, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', monospace;
  --font-hebrew: 'Noto Sans Hebrew', 'Arial Hebrew', Arial, sans-serif;
}
.numeral-xl { font-family: var(--font-display); font-size: 200px; line-height: 160px; font-weight: 700; letter-spacing: -0.01em; }
.numeral-l { font-family: var(--font-display); font-size: 120px; line-height: 96px; font-weight: 700; letter-spacing: -0.005em; }
.numeral-m { font-family: var(--font-display); font-size: 72px; line-height: 60px; font-weight: 700; }
.display-xl { font-family: var(--font-display); font-size: 112px; line-height: 104px; font-weight: 600; letter-spacing: 0.005em; }
.display-l { font-family: var(--font-display); font-size: 80px; line-height: 76px; font-weight: 600; letter-spacing: 0.005em; }
.display-m { font-family: var(--font-display); font-size: 56px; line-height: 54px; font-weight: 600; }
.h1 { font-family: var(--font-display); font-size: 40px; line-height: 42px; font-weight: 600; }
.h2 { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 600; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 600; }
.body-l { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.body-s { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 600; letter-spacing: 0.02em; }
.caption { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.04em; }
.tag { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.he-display { font-family: var(--font-hebrew); font-size: 64px; line-height: 68px; font-weight: 700; }
.he-body { font-family: var(--font-hebrew); font-size: 17px; line-height: 28px; font-weight: 400; }
.he-label { font-family: var(--font-hebrew); font-size: 15px; line-height: 20px; font-weight: 500; }