:root {
  --color-primary: #D0B444;
  --color-primary-hover: #B89C34;
  --color-graphite: #262626;

  --color-ink: #262626;
  --color-ink-secondary: #706B62;
  --color-ink-tertiary: #A8A39A;

  --color-surface: #F8F6F1;
  --color-surface-alt: #FFFFFF;
  --color-border: #EBE8E3;
  --color-overlay: #000000;

  --color-walnut: #6B4F2B;
  --color-oak: #A88A56;
  --color-stone: #EBE8E3;

  --color-status-success: #4A6B53;
  --color-status-error: #7A2A2A;

  --font-sans: 'Manrope', Arial, sans-serif;

  --text-h1:      clamp(1.75rem,   1.31rem + 1.88vw, 3rem);
  --text-h2:      clamp(1.5rem,    1.24rem + 1.13vw, 2.25rem);
  --text-h3:      clamp(1.25rem,   1.07rem + 0.75vw, 1.75rem);
  --text-h4:      clamp(1.125rem,  1.04rem + 0.38vw, 1.375rem);
  --text-h5:      clamp(1rem,      0.96rem + 0.19vw, 1.125rem);
  --text-h6:      0.875rem;
  --text-body-lg: clamp(1rem,      0.96rem + 0.19vw, 1.125rem);
  --text-body:    1rem;
  --text-accent:  clamp(1rem,      0.96rem + 0.19vw, 1.125rem);
  --text-button:  0.9375rem;
  --text-body-sm: 0.75rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 30px;
  --space-7: 40px;
  --space-8: 60px;
  --space-9: 80px;
  --space-10: 120px;

  --container-width: 1440px;
  --content-width: 800px;
  --container-padding: 40px;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;

  --header-height: 96px;

  --shadow-card: 0 2px 8px rgba(38, 38, 38, 0.06);
  --shadow-card-hover: 0 6px 20px rgba(38, 38, 38, 0.12);
  --shadow-modal: 0 4px 24px rgba(38, 38, 38, 0.15);
  --shadow-dropdown: 0 4px 16px rgba(38, 38, 38, 0.1);
  --shadow-toast: 0 2px 12px rgba(38, 38, 38, 0.15);

  --z-header: 100;
  --z-dropdown: 200;
  --z-overlay: 1000;
  --z-modal: 1001;
  --z-toast: 1100;
}