/* Generated from design/tokens.json by design/build.mjs — do not edit by hand. */

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/figtree-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/figtree-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Light is the base. Dark applies when chosen, or when the system prefers it and nothing was chosen (A11Y-1). */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --target: 44px;
  --target-lg: 52px;
  --nav-width: 240px;
  --content-max: 1120px;
  --tv-safe: 5%;
  --font-sans: Figtree, "Segoe UI", system-ui, -apple-system, sans-serif;
  --bg: #f6f4f0;
  --surface: #ffffff;
  --surface-sunken: #efece6;
  --line: #e2ddd4;
  --line-strong: #8c857a;
  --ink: #1c1a17;
  --ink-muted: #5e5850;
  --ink-faint: #6e675d;
  --action: #1c1a17;
  --action-hover: #3a3631;
  --on-action: #ffffff;
  --signal: #e25a0b;
  --on-signal: #1c1a17;
  --signal-soft: #fde6d3;
  --signal-text: #a3410b;
  --success: #1a6b43;
  --success-soft: #ddf1e5;
  --danger: #b42318;
  --on-danger: #ffffff;
  --danger-soft: #fbe4e1;
  --focus: #2458c6;
  --stage: #0e0f11;
  --on-stage: #f2f2f0;
  --stage-muted: #a9abaf;
  --stage-raised: #1a1c20;
  --stage-overlay: #2a2d33;
  --tv-dim: #6b6d72;
  --tv-dimmer: #4c4e53;
  --tv-night: #000000;
  --end-call: #d93a2b;
  --scrim: rgba(20, 19, 17, 0.48);
  --shadow-card: 0 1px 2px rgba(28, 26, 23, 0.06), 0 2px 8px rgba(28, 26, 23, 0.04);
  --shadow-sheet: 0 12px 40px rgba(28, 26, 23, 0.18);
  --shadow-glow: 0 0 0 2px #e25a0b, 0 0 24px rgba(226, 90, 11, 0.28);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #141311;
  --surface: #1d1b18;
  --surface-sunken: #100f0d;
  --line: #2f2c27;
  --line-strong: #7a7368;
  --ink: #f3f0ea;
  --ink-muted: #b5aea3;
  --ink-faint: #958e83;
  --action: #f3f0ea;
  --action-hover: #d9d4cb;
  --on-action: #1c1a17;
  --signal: #ff8a3d;
  --on-signal: #1c1a17;
  --signal-soft: #3a2416;
  --signal-text: #ffb07a;
  --success: #4cc38a;
  --success-soft: #16301f;
  --danger: #ff7b6e;
  --on-danger: #1c1a17;
  --danger-soft: #3a1a17;
  --focus: #7aa5ff;
  --stage: #0e0f11;
  --on-stage: #f2f2f0;
  --stage-muted: #a9abaf;
  --stage-raised: #1a1c20;
  --stage-overlay: #2a2d33;
  --tv-dim: #6b6d72;
  --tv-dimmer: #4c4e53;
  --tv-night: #000000;
  --end-call: #d93a2b;
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 12px 40px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 0 2px #ff8a3d, 0 0 28px rgba(255, 138, 61, 0.30);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141311;
    --surface: #1d1b18;
    --surface-sunken: #100f0d;
    --line: #2f2c27;
    --line-strong: #7a7368;
    --ink: #f3f0ea;
    --ink-muted: #b5aea3;
    --ink-faint: #958e83;
    --action: #f3f0ea;
    --action-hover: #d9d4cb;
    --on-action: #1c1a17;
    --signal: #ff8a3d;
    --on-signal: #1c1a17;
    --signal-soft: #3a2416;
    --signal-text: #ffb07a;
    --success: #4cc38a;
    --success-soft: #16301f;
    --danger: #ff7b6e;
    --on-danger: #1c1a17;
    --danger-soft: #3a1a17;
    --focus: #7aa5ff;
    --stage: #0e0f11;
    --on-stage: #f2f2f0;
    --stage-muted: #a9abaf;
    --stage-raised: #1a1c20;
    --stage-overlay: #2a2d33;
    --tv-dim: #6b6d72;
    --tv-dimmer: #4c4e53;
    --tv-night: #000000;
    --end-call: #d93a2b;
    --scrim: rgba(0, 0, 0, 0.64);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-sheet: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 0 2px #ff8a3d, 0 0 28px rgba(255, 138, 61, 0.30);
    color-scheme: dark;
  }
}

/* Type styles, by the token's name. */
.t-display { font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.01em; font-family: var(--font-sans); }
.t-title-1 { font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.01em; font-family: var(--font-sans); }
.t-number { font-size: 28px; line-height: 32px; font-weight: 650; font-variant-numeric: tabular-nums; font-family: var(--font-sans); }
.t-title-2 { font-size: 19px; line-height: 26px; font-weight: 650; font-family: var(--font-sans); }
.t-title-3 { font-size: 16px; line-height: 22px; font-weight: 650; font-family: var(--font-sans); }
.t-body { font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--font-sans); }
.t-body-strong { font-size: 16px; line-height: 24px; font-weight: 600; font-family: var(--font-sans); }
.t-small { font-size: 14px; line-height: 20px; font-weight: 400; font-family: var(--font-sans); }
.t-label { font-size: 14px; line-height: 20px; font-weight: 600; font-family: var(--font-sans); }
.t-tv-display { font-size: 64px; line-height: 72px; font-weight: 650; letter-spacing: -0.01em; font-family: var(--font-sans); }
.t-tv-ready { font-size: 56px; line-height: 62px; font-weight: 650; font-family: var(--font-sans); }
.t-tv-title { font-size: 48px; line-height: 56px; font-weight: 650; font-family: var(--font-sans); }
.t-tv-body { font-size: 28px; line-height: 40px; font-weight: 400; font-family: var(--font-sans); }
.t-tv-label { font-size: 26px; line-height: 32px; font-weight: 600; font-family: var(--font-sans); }
.t-tv-small { font-size: 22px; line-height: 28px; font-weight: 500; font-family: var(--font-sans); }
.t-tv-clock { font-size: 64px; line-height: 64px; font-weight: 300; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; font-family: var(--font-sans); }