/* ==========================================================================
   Design tokens — EPV EXCEL de Bingerville
   Positioning: Moderne / Innovante / Humaine / Structurée / Excellence
   Palette matches the client-approved reference: deep burgundy + terracotta
   ========================================================================== */

:root {
  /* Color — burgundy/maroon primary (institutional, excellence) */
  --color-maroon-900: #3D0D14;
  --color-maroon-800: #591722;
  --color-maroon-700: #732334;
  --color-maroon-600: #8C2E42;

  /* Color — terracotta/orange accent (warmth, human) */
  --color-orange-600: #C2692C;
  --color-orange-500: #DD7F3C;
  --color-orange-100: #FBE7D3;
  /* WCAG AA text-safe terracotta pair (>=4.5:1 on white and on --color-orange-100).
     orange-500/600 stay for large decorative fills and icon glyphs only; any
     terracotta used AS text or a text-bearing button fill uses 700/800. */
  --color-orange-700: #A64F1E;
  --color-orange-800: #8C481A;
  /* Light tint for terracotta text/labels set on dark maroon surfaces (needs a
     LIGHTER shade to clear 4.5:1 there, the opposite direction from on-white). */
  --color-orange-300: #F1B888;

  /* Soft pastel tints — alternate chip backgrounds for the Méthodes
     activities carousel (see .activity-card in base.css), giving a few
     playful surfaces from the existing burgundy/gold family instead of
     introducing new brand hues. Both text-safe with --color-maroon-800. */
  --color-maroon-100: #F1E1E4;
  --color-gold-100: #FCEFD2;

  /* Neutrals (warm-tinted to sit with the burgundy/terracotta brand) */
  --color-white: #FFFFFF;
  --color-bg: #FFFFFF;
  --color-bg-alt: #FAF5F2;
  --color-ink: #251A1B;
  --color-ink-muted: #6B5C5C;
  --color-border: #ECE1DD;

  /* Feedback */
  --color-success: #2F6B4A;
  --color-error: #A23B34;

  /* Typography */
  --font-display: 'Montserrat', -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Montserrat', -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  --fs-h1: clamp(2.6rem, 2rem + 2.6vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);
  --fs-h3: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --fs-lead: clamp(1.1rem, 1rem + 0.4vw, 1.35rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;
  --space-16: 7rem;

  /* Layout */
  --content-max: 1160px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 8px 24px rgba(61, 13, 20, 0.10);
  --shadow-raised: 0 16px 40px rgba(61, 13, 20, 0.18);
}