:root {
  /* Couleurs principales */
  --color-primary: #c96b2c;
  --color-primary-light: #e28a4f;
  --color-primary-dark: #8e431b;

  /* Fonds */
  --bg-main: #0b0b0c;
  --bg-secondary: #121214;
  --bg-elevated: #19191c;
  --bg-card: #1e1e22;

  /* Textes */
  --text-main: #f4f0e9;
  --text-secondary: #c9c1b7;
  --text-muted: #8f8982;

  /* Accents */
  --accent-gold: #b9915a;
  --accent-forest: #3f5848;

  /* Bordures */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(201, 107, 44, 0.35);

  /* Ombres */
  --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.28);
  --shadow-deep: 0 22px 60px rgba(0, 0, 0, 0.48);
  --glow-primary: 0 0 40px rgba(201, 107, 44, 0.16);

  /* Typographie */
  --font-title: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;

  /* Tailles */
  --container-width: 1200px;
  --header-height: 92px;

  /* Espacements */
  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-xxl: 6rem;

  /* Arrondis */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Transitions */
  --transition-fast: 180ms ease;
  --transition-normal: 320ms ease;
  --transition-slow: 700ms cubic-bezier(0.22, 1, 0.36, 1);
}