:root {
  color-scheme: light;
  font-family: var(--font-ui);
  color: var(--color-text);
  background: var(--color-background);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

  --color-text: #182b49;
  --color-navy: #142747;
  --color-primary: #3978ed;
  --color-primary-hover: #2d69d7;
  --color-background: #f8f9fb;
  --color-surface: #fff;
  --color-surface-soft: #f7f9fc;
  --color-muted: #78849a;
  --color-border: #e9edf2;
  --color-focus: #bfd4fb;
  --color-error: #c75252;
  --color-disabled: #a9bfeb;
  --color-warning: #8a6410;
  --color-warning-soft: #fff5d6;
  --color-favorite: #e4ad20;
  --color-success: #237244;
  --color-success-soft: #eaf6ee;
  --color-info-soft: #edf3ff;

  --font-ui: "DM Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: Manrope, "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif;

  --type-8: 0.5rem;
  --type-9: 0.5625rem;
  --type-12: 0.75rem;
  --type-13: 0.8125rem;
  --type-15: 0.9375rem;
  --type-17: 1.0625rem;
  --type-14: 0.875rem;
  --type-16: 1rem;
  --type-18: 1.125rem;
  --type-20: 1.25rem;
  --type-24: 1.5rem;
  --type-30: 1.875rem;
  --type-36: 2.25rem;
  --type-48: 3rem;
  --type-caption: 0.625rem;
  --type-label: 0.6875rem;

  --line-height-tight: 1.15;
  --line-height-normal: 1.4;
  --line-height-relaxed: 1.6;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --content-max: 100rem;
  --content-gutter: clamp(1.5rem, 4vw, 4rem);
  --control-height-compact: 2rem;
  --control-height-standard: 2.75rem;


  --radius-sm: 0.375rem;
  --radius-control: 0.5rem;
  --radius-card: 0.75rem;
  --radius-panel: 0.8125rem;
  --radius-pill: 999px;
  --border-subtle: 1px solid var(--color-border);
  --shadow-subtle: 0 3px 12px rgb(30 53 80 / 4%);
  --shadow-preview: 0 12px 34px rgb(29 51 80 / 11%);

  --duration-fast: 160ms;
  --duration-normal: 300ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --z-background: -1;
  --z-content: 1;
  --z-decoration: 2;
  --z-controls: 3;
  --z-floating: 4;

  --z-navigation: 10;
  --z-overlay: 20;
  --z-tooltip: 30;
}