/* ==========================
   VARIABLES GLOBALES
   ========================== */
:root {
  /* Palettes de couleurs */
  --color-primary: #6a1f2b;
  --color-secondary: #2b1a1f;
  --color-accent: #c9a86a;
  --color-neutral: #d7c4b5;
  --color-light: #f3e9dd;
  --mixte-color: radial-gradient(ellipse at top left, #6a1f2b, #2b1a1f);

  /* Typographie */
  --font-family-base: 'Playfair Display', 'Manrope', 'sans-serif', 'Inter';
  --font-heading: 'Playfair Display', 'sans-serif';
  --font-text: 'Manrope', 'Inter';

  /* Base typographique */
  --font-size-base: clamp(1rem, 0.6vw + 0.9rem, 1.125rem);

  /* Nombre d'or */
  --font-ratio: 1.318;

  /* Échelle typographique */
  --font-size-xxs: calc(var(--font-size-xs) / var(--font-ratio));
  --font-size-xs: calc(var(--font-size-base) / var(--font-ratio));
  --font-size-sm: calc(var(--font-size-base) * 0.875);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * var(--font-ratio));
  --font-size-lx: calc(var(--font-size-lg) * var(--font-ratio));
  --font-size-xl: calc(var(--font-size-lx) * var(--font-ratio));
  --font-size-xxl: calc(var(--font-size-xl) * var(--font-ratio));

  /* Espacements */
  --lh-tight: 1.2;
  --lh-base: 1.5;

  /* Epaisseurs de typographique */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 700;
  --fw-bold: 900;

  /* Espacements */
  --spacing-unit: 1rem;
  --spacing-small: calc(var(--spacing-unit) * 0.5);
  --spacing-large: calc(var(--spacing-unit) * 2);

  /* Bordures */
  --radius-base: clamp(6px, 1vw, 10px);
  --radius-dynamic: calc(var(--radius-base) + 0.2vw);
}