@layer tokens {
  :root {
    color-scheme: light;

    --color-bg: #ffffff;
    --color-paper: #ffffff;
    --color-panel: #fbfbfb;
    --color-ink: #121212;
    --color-muted: #676767;
    --color-line: #e8e8e8;
    --color-accent: #f58e2a;
    --color-accent-border: rgba(245, 142, 42, 0.65);
    --color-accent-soft: rgba(245, 142, 42, 0.18);
    --color-accent-soft-strong: rgba(245, 142, 42, 0.12);
    --color-surface-glow: rgba(245, 147, 30, 0.08);
    --color-shell-glow: rgba(245, 147, 30, 0.05);
    --color-focus-ring: rgba(245, 147, 30, 0.12);
    --color-nav-border: rgba(18, 18, 18, 0.1);
    --color-disabled: #b5b5b5;
    --color-error: #d7352a;
    --color-error-soft: rgba(215, 53, 42, 0.1);
    --color-tech: #4b8df5;
    --color-tech-soft: rgba(75, 141, 245, 0.12);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.125rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-9: 2.5rem;

    --radius-sm: 0.625rem;
    --radius-md: 1.125rem;
    --radius-lg: 1.5rem;
    --radius-xl: 1.75rem;
    --radius-pill: 999px;

    --shadow-panel: 0 22px 60px rgba(18, 18, 18, 0.08);
    --shadow-popover: 0 18px 40px rgba(18, 18, 18, 0.12);
    --shadow-header: 0 18px 48px rgba(18, 18, 18, 0.08);

    --font-size-eyebrow: 0.75rem;
    --font-size-body: 1rem;
    --font-size-body-sm: 0.875rem;
    --font-size-lead: 1.125rem;
    --font-size-field-label: 0.8125rem;
    --font-size-datepicker-title: 1.25rem;
    --font-size-header-title: 1.5rem;

    --line-height-tight: 0.94;
    --line-height-title: 1.02;
    --line-height-copy: 1.65;
    --line-height-ui: 1.1;
    --line-height-header: 1.25;

    --weight-regular: 400;
    --weight-semibold: 700;
    --weight-bold: 800;

    --container-max: 73.75rem;
    --text-max: 47.5rem;
    --sidebar-max: 17rem;
    --form-max: 30rem;
    --calendar-width: min(19.875rem, calc(100vw - 3rem));
    --border-width: 1px;
    --focus-ring-width: 4px;
    --control-height: 2.875rem;
    --textarea-min-height: 7rem;
    --icon-button-size: 2.875rem;
    --button-height: 2.625rem;
    --calendar-nav-size: 2.125rem;
    --calendar-nav-icon-size: 1.125rem;
    --calendar-day-size: 2.375rem;
    --calendar-day-font-size: 0.875rem;
    --calendar-day-radius: 0.625rem;
    --calendar-popover-offset: 0.5rem;
    --calendar-month-padding: 1rem;
    --brand-mark-size: 3.5rem;

    --transition-fast: 180ms ease;

    --z-modal: 20;
    --z-popover: 10;
  }
}