/* ============================================
   Theme Variables — Edit these to restyle!

   https://creativebooster.net/blogs/colors/shades-of-wine-color
   ============================================ */
:root {
  /* Primary colors */
  --color-primary: rgb(191, 20, 48, 1);
  --color-primary-light: rgb(127, 23, 52, 1);
  --color-primary-dark: rgb(191, 20, 48, 1);
  /* --color-primary: #4A1942;
  --color-primary-light: #6B2D6B;
  --color-primary-dark: #2E0E2E; */

  /* Hero overlay gradient */
  --hero-overlay-start: rgba(102, 12, 27, 0.425); 
  --hero-overlay-mid:   rgba(124, 16, 34, 0.55);
  --hero-overlay-end:   rgba(191, 20, 48, 0.8);
  /* --hero-overlay-start: rgba(46, 14, 46, 0.6);
  --hero-overlay-mid:   rgba(74, 25, 66, 0.55);
  --hero-overlay-end:   rgba(114, 47, 55, 0.6); */

  /* Accent */
  --color-accent: rgba(232, 204, 123, 1);
  --color-accent-light: rgba(212, 175, 55, 1);
  --color-accent-dark: rgba(212, 175, 55, 1);
/* --color-accent: #D4AF37;
  --color-accent-light: #E8CC6E;
  --color-accent-dark: #B8960E; */

  /* Wine / secondary */
  /* --color-wine: #722F37;
  --color-wine-light: #8B3A42; */
  --color-wine: var(--color-primary);
  --color-wine-light: var(--color-primary-light);


  /* Backgrounds */
  --color-bg: #FFF8F0;
  --color-bg-alt: #F5EDE3;
  /* --color-bg-dark: #1A0A1A; */
  --color-bg-dark: var(--color-primary-light);
  /* Text */
  --color-text: #2D2D2D;
  --color-text-light: #666666;
  --color-text-on-dark: #F5EDE3;
  --color-text-on-primary: #FFFFFF;


  /* Borders & shadows */
  --color-border: #E0D5C7;
  --shadow-sm: 0 2px 4px rgba(74, 25, 66, 0.08);
  --shadow-md: 0 4px 12px rgba(74, 25, 66, 0.12);
  --shadow-lg: 0 8px 24px rgba(74, 25, 66, 0.16);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Typography — matches the original Intoxicating Professor site */
  --font-heading: 'Prosto One', Georgia, serif;
  --font-body: 'Catamaran', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-accent: 'Merriweather', Georgia, serif;

  /* Sizing */
  --max-width: 1200px;
  --nav-height: 140px;
  --border-radius: 8px;
  --border-radius-lg: 16px;

  /* Transitions */
  --transition: 0.3s ease;
}