:root {
  --color-accent: #87cefa;
  --color-bg: #eceff3;
  --color-bg-panel: #f7f8fa;
  --color-bg-elevated: #ffffff;
  --color-bg-overlay: rgba(250, 252, 255, 0.97);
  --color-text: #1f252b;
  --color-text-soft: #59636d;
  --color-text-inverse: #1f252b;
  --color-border: #ccd5dd;
  --color-danger: #d95858;
  --color-success: #4e8f65;
  --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.12);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --font-ui: "Segoe UI", sans-serif;
  --font-overlay: "Segoe UI", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 30px;
  --anim-fast: 140ms;
  --anim-base: 220ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --overlay-stack-width: 560px;
  --overlay-featured-max-width: 1180px;
  --overlay-featured-reserved-right: 620px;
  --overlay-safe-right: 42px;
  --overlay-safe-bottom: 32px;
  --z-overlay-featured: 20;
  --z-overlay-stack: 30;
}