:root {
  /* Color Palette (Warm Ivory Cinematic Concept) */
  --color-bg: #F5EBE6;            /* Warm beige / Ivory background */
  --color-surface: #FFFFFF;       /* Card/box background (pure white for contrast) */
  --color-surface-hover: #FAF8F6; /* Card background on hover */
  --color-primary: #C5A059;       /* Matte gold */
  --color-primary-light: #E8D5B7; /* Light warm gold/beige */
  --color-secondary: #8B7355;     /* Warm gold-brown for details */
  --color-accent-wine: #58111A;   /* Wine/burgundy accent */
  --color-accent-wine-light: #7E1C27; /* Bright wine red */
  
  --color-text-primary: #1A1A1A;   /* Graphite / Charcoal for headings */
  --color-text-secondary: #4A4A4A; /* Charcoal-grey for body text */
  --color-text-muted: #8A827A;     /* Muted warm grey */
  --color-border: #E8DDD7;        /* Soft warm beige borders */
  --color-border-light: #F0E6E1;  /* Very soft borders */

  /* Dresscode Colors */
  --dc-wine: #6B1D2F;
  --dc-gold: #C5A059;
  --dc-velvet: #110B0C;

  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;
  --font-body: 'Montserrat', 'Jost', 'Helvetica Neue', sans-serif;
  --font-accent: 'Dancing Script', 'Brush Script MT', cursive;

  /* Font Sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 3rem;
  --text-5xl: 4rem;
  --text-hero: 5.5rem;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Border Radius */
  --radius-sm: 1px; /* strict and elegant luxury styling */
  --radius-md: 2px;
  --radius-lg: 4px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(26, 17, 18, 0.05);
  --shadow-md: 0 12px 32px rgba(26, 17, 18, 0.08);
  --shadow-lg: 0 24px 64px rgba(26, 17, 18, 0.12);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
