/* GENERATED from src/Shared/ui-tokens/tokens.css by scripts/sync-ui-tokens.mjs. Do not edit this copy: edit the source, then run `node scripts/sync-ui-tokens.mjs`. */
/* GENERATED from docs/design/design-system/tokens.json by scripts/lib/ui-tokens-css.mjs. Do not edit: change tokens.json, then run `node scripts/sync-ui-tokens.mjs`. Names are the design system's (var(--ink), var(--space-6)); type styles are --type-<style>-size|line|weight|tracking. */
:root {
  color-scheme: light;
  --paper: #F3F2EE;
  --surface: #FFFFFF;
  --surface-muted: #F3F2EE;
  --line: #D9D7D0;
  --line-subtle: #ECEAE4;
  --ink: #15171A;
  --ink-secondary: #3E4146;
  --ink-muted: #5E6166;
  --on-ink: #FFFFFF;
  --signal: #E4572E;
  --status-available: #1E8A57;
  --status-busy: #C23A2F;
  --status-ringing: #D99A0B;
  --status-hold: #2F6FB2;
  --status-wrap: #6E56A8;
  --status-offline: #8D9096;
  --text-busy: #8E2C23;
  --tint-busy: #F8E5E2;
  --text-hold: #24578C;
  --tint-hold: #E6EEF7;
  --text-ringing: #7A5300;
  --text-wrap: #5A4590;
  --tint-ringing: #FBF0D3;
  --tint-wrap: #EFEBF7;
  --danger: #C23A2F;
  --on-danger: #FFFFFF;
  --text-danger: #A1322A;
  --disabled-bg: #E3E1DB;
  --disabled-fg: #6B6E73;
  --scrim: rgba(21,23,26,0.28);
  --shadow-popover: 0 16px 40px rgba(21,23,26,0.12);
  --font-sans: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --type-display-size: 52px;
  --type-display-line: 55px;
  --type-display-weight: 600;
  --type-display-tracking: -0.04em;
  --type-heading-1-size: 30px;
  --type-heading-1-line: 36px;
  --type-heading-1-weight: 600;
  --type-heading-1-tracking: -0.035em;
  --type-heading-2-size: 20px;
  --type-heading-2-line: 26px;
  --type-heading-2-weight: 600;
  --type-heading-2-tracking: -0.02em;
  --type-heading-3-size: 16px;
  --type-heading-3-line: 22px;
  --type-heading-3-weight: 600;
  --type-body-size: 14px;
  --type-body-line: 20px;
  --type-body-weight: 400;
  --type-body-strong-size: 14px;
  --type-body-strong-line: 20px;
  --type-body-strong-weight: 500;
  --type-small-size: 13px;
  --type-small-line: 18px;
  --type-small-weight: 400;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-weight: 400;
  --type-timer-size: 40px;
  --type-timer-line: 44px;
  --type-timer-weight: 500;
  --type-timer-tracking: -0.02em;
  --type-data-size: 14px;
  --type-data-line: 20px;
  --type-data-weight: 400;
  --type-overline-size: 12px;
  --type-overline-line: 16px;
  --type-overline-weight: 500;
  --type-overline-tracking: 0.06em;
  --type-hero-size: 72px;
  --type-hero-line: 76px;
  --type-hero-weight: 600;
  --type-hero-tracking: -0.045em;
  --type-hero-compact-size: 44px;
  --type-hero-compact-line: 48px;
  --type-hero-compact-weight: 600;
  --type-hero-compact-tracking: -0.04em;
  --type-section-size: 36px;
  --type-section-line: 42px;
  --type-section-weight: 600;
  --type-section-tracking: -0.035em;
  --type-lead-size: 20px;
  --type-lead-line: 30px;
  --type-lead-weight: 400;
  --type-lead-tracking: -0.01em;
  --type-body-lg-size: 17px;
  --type-body-lg-line: 27px;
  --type-body-lg-weight: 400;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-icon: 22%;
  --radius-full: 999px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 40px;
  --control-xl: 44px;
  --button-pad-sm: 10px;
  --button-pad-md: 12px;
  --button-pad-lg: 14px;
  --button-pad-xl: 18px;
  --icon-sm: 16px;
  --icon-md: 18px;
  --mark-header: 24px;
  --site-header: 64px;
  --page-max: 1200px;
  --measure: 640px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0F1012;
  --surface: #1A1C1F;
  --surface-muted: #141618;
  --line: #2C2F33;
  --line-subtle: #1F2226;
  --ink: #EDECE7;
  --ink-secondary: #C4C6CA;
  --ink-muted: #A3A6AB;
  --on-ink: #15171A;
  --signal: #F06A43;
  --status-available: #3FC383;
  --status-busy: #F0625A;
  --status-ringing: #F2B630;
  --status-hold: #5C9BE0;
  --status-wrap: #9B85D6;
  --status-offline: #80848A;
  --text-busy: #F0625A;
  --tint-busy: #3A2321;
  --text-hold: #8FB8E8;
  --tint-hold: #1C2B3D;
  --text-ringing: #F2B630;
  --text-wrap: #B8A6E6;
  --tint-ringing: #3A2E12;
  --tint-wrap: #2A2340;
  --danger: #C23A2F;
  --on-danger: #FFFFFF;
  --text-danger: #F0625A;
  --disabled-bg: #2C2F33;
  --disabled-fg: #8D9096;
  --scrim: rgba(0,0,0,0.55);
  --shadow-popover: 0 16px 40px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0F1012;
    --surface: #1A1C1F;
    --surface-muted: #141618;
    --line: #2C2F33;
    --line-subtle: #1F2226;
    --ink: #EDECE7;
    --ink-secondary: #C4C6CA;
    --ink-muted: #A3A6AB;
    --on-ink: #15171A;
    --signal: #F06A43;
    --status-available: #3FC383;
    --status-busy: #F0625A;
    --status-ringing: #F2B630;
    --status-hold: #5C9BE0;
    --status-wrap: #9B85D6;
    --status-offline: #80848A;
    --text-busy: #F0625A;
    --tint-busy: #3A2321;
    --text-hold: #8FB8E8;
    --tint-hold: #1C2B3D;
    --text-ringing: #F2B630;
    --text-wrap: #B8A6E6;
    --tint-ringing: #3A2E12;
    --tint-wrap: #2A2340;
    --danger: #C23A2F;
    --on-danger: #FFFFFF;
    --text-danger: #F0625A;
    --disabled-bg: #2C2F33;
    --disabled-fg: #8D9096;
    --scrim: rgba(0,0,0,0.55);
    --shadow-popover: 0 16px 40px rgba(0,0,0,0.5);
  }
}