:root {
  /* 
   * Color System - OKLCH
   * Based on Design Migration Guide
   */

  /* Primary (Wine Red) */
  --primary: oklch(0.35 0.08 15);
  /* ~#691F30 - Deep wine red */
  --primary-foreground: oklch(0.98 0 0);
  /* ~#FAFAFA - Almost white */
  --primary-light: oklch(0.40 0.08 15);
  /* Slightly lighter for hovers */

  /* Accent (Warmer Red/Orange) */
  --accent: oklch(0.42 0.12 25);
  /* ~#8B4234 - Warm terracotta */
  --accent-foreground: oklch(0.98 0 0);
  /* ~#FAFAFA */

  /* Chart/Highlight (Gold/Yellow) */
  --chart-3: oklch(0.88 0.15 85);
  /* ~#F4E87C - Golden yellow */

  /* Backgrounds */
  --background: oklch(0.98 0 0);
  /* ~#FAFAFA - Off white */
  --card: oklch(1 0 0);
  /* #FFFFFF - Pure white */
  --muted: oklch(0.94 0 0);
  /* ~#F0F0F0 - Light gray */

  /* Text */
  --foreground: oklch(0.2 0 0);
  /* ~#333333 - Dark gray */
  --muted-foreground: oklch(0.5 0 0);
  /* ~#808080 - Mid gray */

  /* Borders */
  --border: oklch(0.89 0 0);
  /* ~#E3E3E3 - Light border */
  --input: oklch(0.89 0 0);

  /* Radius */
  --radius-lg: 0.75rem;
  /* 12px */
  --radius-md: 0.5rem;
  /* 8px */
  --radius-sm: 0.25rem;
  /* 4px */
  --radius-full: 9999px;

  /* Fonts */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Libre Baskerville", serif;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}