:root {
  --text: #1E1B16;
  --theme-text: #1E1B16;
  --accent: #C9A961;
  --theme-accent: #C9A961;
  --border: #E5DCC8;
  --theme-border: #E5DCC8;
  --danger: #A0334B;
  --theme-danger: #A0334B;
  --primary: #8B4513;
  --theme-primary: #8B4513;
  --success: #3F7A3F;
  --theme-success: #3F7A3F;
  --surface: #F5F0E8;
  --theme-surface: #F5F0E8;
  --warning: #B8860B;
  --theme-warning: #B8860B;
  --secondary: #D4A574;
  --theme-secondary: #D4A574;
  --background: #FFFDF9;
  --theme-background: #FFFDF9;
  --text-muted: #6B6560;
  --theme-text-muted: #6B6560;
  --primary-hover: #703810;
  --theme-primary-hover: #703810;
  --typography-body: 'Inter', system-ui, sans-serif;
  --typography-scale: 1.25;
  --typography-heading: 'Playfair Display', Georgia, serif;
  --typography-base-size: 16px;
  --typography-body-weight: 400;
  --typography-heading-weight: 600;
  --spacing-gutter: 1rem;
  --spacing-section: 4rem;
  --spacing-container: 1280px;
}

.dark {
  --text: #F5F0E8;
  --theme-text: #F5F0E8;
  --accent: #C9A961;
  --theme-accent: #C9A961;
  --border: #3A332B;
  --theme-border: #3A332B;
  --danger: #C26078;
  --theme-danger: #C26078;
  --primary: #D4A574;
  --theme-primary: #D4A574;
  --success: #5FA05F;
  --theme-success: #5FA05F;
  --surface: #1F1B16;
  --theme-surface: #1F1B16;
  --warning: #D4A63F;
  --theme-warning: #D4A63F;
  --secondary: #8B4513;
  --theme-secondary: #8B4513;
  --background: #14110E;
  --theme-background: #14110E;
  --text-muted: #A09990;
  --theme-text-muted: #A09990;
  --primary-hover: #E5BA87;
  --theme-primary-hover: #E5BA87;
}