:root {
  color-scheme: dark;
  --bg: #121416;
  --surface: #1C1F22;
  --surface-border: #2C3034;
  --control-border: #6A7077;
  --text: #F1EEE8;
  --text-muted: #A9A59D;
  --accent: #F2B632;
  --accent-hover: #FFD06A;
  --accent-text: #F2B632;
  --on-accent: #121416;
  --warning-bg: #2A2412;
  --warning-border: #6B5520;
  --focus-ring: #FFD06A;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-heavy: 800;
  --price-hero-size: 56px;
  --price-hero-weight: 800;
  --price-hero-line: 1.0;
  --price-hero-tracking: -0.02em;
  --price-row-size: 30px;
  --price-row-weight: 800;
  --price-row-line: 1.1;
  --price-row-tracking: -0.01em;
  --title-size: 28px;
  --title-weight: 800;
  --title-line: 1.15;
  --title-tracking: -0.01em;
  --question-size: 32px;
  --question-weight: 800;
  --question-line: 1.15;
  --question-tracking: -0.01em;
  --heading-size: 17px;
  --heading-weight: 700;
  --heading-line: 1.3;
  --body-size: 16px;
  --body-weight: 400;
  --body-line: 1.45;
  --label-size: 15px;
  --label-weight: 500;
  --label-line: 1.35;
  --small-size: 14px;
  --small-weight: 400;
  --small-line: 1.35;
  --caption-size: 12px;
  --caption-weight: 500;
  --caption-line: 1.3;
  --number-big-size: 40px;
  --number-big-weight: 800;
  --number-big-line: 1.05;
  --number-big-tracking: -0.02em;
  --subtitle-size: 24px;
  --subtitle-weight: 800;
  --subtitle-line: 1.15;
  --subtitle-tracking: -0.01em;
  --list-price-size: 22px;
  --list-price-weight: 800;
  --list-price-line: 1.1;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --page-padding: 16px;
  --radius-control: 12px;
  --radius-card: 14px;
  --radius-panel: 16px;
  --radius-full: 999px;
  --size-touch-min: 48px;
  --size-button-primary-height: 56px;
  --size-button-secondary-height: 52px;
  --size-icon: 22px;
  --size-bottom-nav-height: 68px;
  --size-screen-min-width: 320px;
  --size-sidebar-width: 248px;
  --size-page-padding-wide: 40px;
  --size-status-ring: 40px;
  --size-chip-height: 40px;
  --size-switch-width: 56px;
  --size-switch-height: 32px;
  --size-switch-knob: 24px;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #F6F4EF;
    --surface: #FFFFFF;
    --surface-border: #E2DED6;
    --control-border: #8C877E;
    --text: #16181A;
    --text-muted: #5B5750;
    --accent: #F2B632;
    --accent-hover: #E0A31E;
    --accent-text: #8A5A00;
    --on-accent: #16181A;
    --warning-bg: #FFF1CF;
    --warning-border: #C9A13C;
    --focus-ring: #8A5A00;
  }
}