:root {
   
  --color-primary: #1e3a5f;
  --color-primary-hover: #172c49;
  --color-primary-contrast: #ffffff;
  --color-accent: #b45309;
  --color-accent-contrast: #ffffff;

   
  --color-bg: #fafaf9;
  --color-surface: #ffffff;
  --color-surface-muted: #f5f5f4;
  --color-surface-inset: #f5f5f4;
  --color-border: #e7e5e4;
  --color-border-strong: #d6d3d1;

   
  --color-text: #1c1917;
  --color-text-muted: #57534e;

   
  --color-success: #15803d;
  --color-warning: #b45309;
  --color-error: #dc2626;
  --color-info: #0369a1;

   
  --color-rating: #facc15;

   
  --font-body: Hanken Grotesk, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-heading: Fraunces, ui-sans-serif, system-ui, sans-serif;

   
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
}

.dark {
  --color-primary: #E5A33C;
  --color-primary-hover: #F0B95F;
  --color-primary-contrast: #1C1204;
  --color-accent: #E5A33C;
  --color-accent-contrast: #1C1204;

  --color-bg: #100f0d;
  --color-surface: #1c1917;
  --color-surface-muted: #292524;
  --color-surface-inset: #171412;
  --color-border: #292524;
  --color-border-strong: #44403c;

  --color-text: #f5f5f4;
  --color-text-muted: #a8a29e;

  --color-success: #4ade80;
  --color-warning: #fbbf24;
  --color-error: #f87171;
  --color-info: #7dd3fc;

  --color-rating: #fbbf24;
}