/* ============================================================
   TERANGA EVENTS & RÉCEPTION — VARIABLES CSS
   Kit 4 — Chaleureux / Authentique — Variante C : Ocre sénégalais
   ============================================================ */

:root {
  /* --- Couleurs primaires --- */
  --color-ocre: #C97C2C;
  --color-ocre-dark: #A8621E;
  --color-ocre-light: #E3A15C;
  --color-indigo: #2E4374;
  --color-indigo-dark: #1F2E52;
  --color-cream: #FAF6EF;
  --color-cream-alt: #F2EAD9;
  --color-charcoal: #2B241D;
  --color-white: #FFFFFF;

  /* --- Couleurs sémantiques --- */
  --color-bg: var(--color-cream);
  --color-bg-alt: var(--color-cream-alt);
  --color-bg-dark: var(--color-indigo);
  --color-text: var(--color-charcoal);
  --color-text-muted: #6B5F4F;
  --color-text-inverse: var(--color-cream);
  --color-accent: var(--color-ocre);
  --color-accent-hover: var(--color-ocre-dark);
  --color-border: #E4D8C3;

  /* --- Typographie --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Mulish', -apple-system, sans-serif;
  --font-mono: 'Space Mono', monospace;

  --fs-xs: 0.8rem;
  --fs-sm: 0.925rem;
  --fs-base: 1rem;
  --fs-md: 1.15rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.5rem;

  /* --- Espacements --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 7rem;

  /* --- Radius (composants "pill" du Kit 4) --- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* --- Ombres --- */
  --shadow-soft: 0 12px 30px -12px rgba(43, 36, 29, 0.18);
  --shadow-card: 0 8px 24px -10px rgba(43, 36, 29, 0.15);

  /* --- Layout --- */
  --container-max: 1180px;
  --header-height: 84px;

  /* --- Transitions --- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;
}