/* ==========================================================================
   CSS Variables — Château de Vaumarcus
   ========================================================================== */

:root {
  /* Colors — palette principale */
  --color-primary: #B4A08C;
  --color-primary-dark: #A08F7A;
  --color-dark: #2C2C2C;
  --color-bg: #FAF9F7;
  --color-bg-alt: #F5F3F0;
  --color-text: #5A5A5A;
  --color-text-light: #6A6A6A;
  --color-border: rgba(180, 160, 140, 0.3);
  --color-border-light: rgba(180, 160, 140, 0.2);
  --color-input-border: #E0DCD8;
  --color-placeholder: #E8E4DF;
  --color-placeholder-text: #A09080;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-trans: transparent;
  --color-shadow: rgba(0, 0, 0, 0.05);

  /* Colors — aliases pour compatibilité framework */
  --color-secondary: #8B7355;
  --color-third: #D4C5B2;
  --color-accent: #C4956A;

  /* Fonts */
  --font-primary: 'Cormorant Garamond', Georgia, serif;
  --font-secondary: 'Montserrat', sans-serif;
  /* Aliases pour compatibilité ancien site */
  --font-serif: var(--font-primary);
  --font-sans: var(--font-secondary);

  /* Typography */
  --h1: clamp(2.5rem, 6vw, 4.5rem);
  --h1-page: clamp(2.5rem, 6vw, 4rem);
  --h2: clamp(1.8rem, 3vw, 2.5rem);
  --h3: 1.5rem;
  --h4: 1.3rem;
  --h5: 1.2rem;
  --h6: 1.1rem;

  --text-xs: 0.65rem;
  --text-s: 0.7rem;
  --text-m: 0.85rem;
  --text-base: 0.9rem;
  --text-l: 1rem;
  --text-xl: 1.2rem;

  /* Spacing */
  --space-3xs: 4px;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;

  /* Containers */
  --space-container: 1400px;
  --container: 1400px;
  --container-narrow: 1200px;
  --container-xs: 800px;
}