:root {
  color-scheme: light;

  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-raised: #f7f4f0;
  --color-border: #e8e2dc;
  --color-text: #1f1b18;
  --color-text-muted: #77706a;
  --color-primary: #f28c28;
  --color-primary-strong: #dc7412;
  --color-primary-soft: rgba(242, 140, 40, 0.12);
  --color-secondary: #34312f;
  --color-accent: #f28c28;
  --color-focus: #f28c28;
  --color-overlay: rgba(30, 22, 16, 0.34);
  --color-success: #2d8f60;
  --color-warning: #b96c16;
  --color-danger: #c84b48;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-body: clamp(0.95rem, 0.93rem + 0.12vw, 1.05rem);
  --line-height-body: 1.6;

  --space-1: clamp(0.375rem, 0.33rem + 0.2vw, 0.5rem);
  --space-2: clamp(0.625rem, 0.55rem + 0.3vw, 0.875rem);
  --space-3: clamp(0.875rem, 0.75rem + 0.5vw, 1.25rem);
  --space-4: clamp(1.25rem, 1.05rem + 0.85vw, 2rem);
  --space-5: clamp(2rem, 1.65rem + 1.4vw, 3.25rem);
  --space-6: clamp(3rem, 2.3rem + 2.8vw, 5.5rem);

  --radius-small: 0.5rem;
  --radius-medium: 0.8rem;
  --radius-large: 1.15rem;
  --radius-pill: 999rem;

  --container-width: 90rem;
  --container-gutter: clamp(1.25rem, 3.5vw, 4rem);
  --header-height: 4.75rem;

  --shadow-soft: 0 0.75rem 2.5rem rgba(46, 34, 24, 0.07);
  --shadow-menu: 0 1rem 3rem rgba(46, 34, 24, 0.12);
  --transition-fast: 160ms ease;
  --transition-normal: 280ms ease;
  --transition-slow: 520ms cubic-bezier(0.22, 1, 0.36, 1);
  --duration-page: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);

  --z-header: 100;
  --z-menu: 120;
  --z-overlay: 200;
  --z-modal: 220;
}