/* Color System */
:root {
  --bg: #faf8f6;
  --foreground: #1a1a1a;
  --card: #ffffff;
  --secondary: #f0ede8;
  --border: #e8e4de;
  --gold: #d4a574;
  --gold-rgb: 212, 165, 116;
  --text-muted: #7a7a7a;
  --text-subtle: #adadad;
  
  /* Font stack */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  
  /* Radius */
  --radius: 0.375rem;
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Color Utilities */
.text-gold {
  color: var(--gold);
}

.bg-gold {
  background-color: var(--gold);
}

.border-gold {
  border-color: var(--gold);
}

.icon-gold {
  color: var(--gold);
}

/* Light Mode */
body {
  background-color: var(--bg);
  color: var(--foreground);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-card {
  background-color: var(--card);
}

.border {
  border-color: var(--border);
}

.text-muted {
  color: var(--text-muted);
}

.text-subtle {
  color: var(--text-subtle);
}