/* ==========================================================================
   EPC Brand Guide → CSS Custom Properties (Design Tokens)
   Version 1.0
   ========================================================================== */

:root {
  /* -- Colors: Primary --------------------------------------------------- */
  --bleu-marine: #17264E;

  /* -- Colors: Secondary & Accent ---------------------------------------- */
  --or-clair: #F4D77F;
  --or-profond: #DEAC30;
  --ambre-dore: #DCA534;

  /* -- Colors: Neutrals -------------------------------------------------- */
  --blanc: #FFFFFF;
  --gris-clair: #F5F5F5;
  --gris-moyen: #B0B0B0;
  --gris-fonce: #4A4A4A;
  --noir-profond: #1A1A1A;

  /* -- Colors: Semantic --------------------------------------------------- */
  --vert-do: #2D7D46;
  --rouge-dont: #C0392B;

  /* -- Typography: Font Stacks ------------------------------------------- */
  --font-primary: 'Nunito', 'Rubik', 'Arial Rounded MT Bold', Arial, sans-serif;
  --font-mono: 'Courier New', monospace;

  /* -- Typography: Font Weights ------------------------------------------ */
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* -- Typography: Fluid Sizes ------------------------------------------- */
  --h1-size: clamp(2.25rem, 4vw, 3rem);
  --h2-size: clamp(1.75rem, 3vw, 2.25rem);
  --h3-size: clamp(1.375rem, 2.5vw, 1.75rem);
  --h4-size: clamp(1.125rem, 2vw, 1.375rem);
  --body-size: clamp(1rem, 1.5vw, 1.125rem);
  --small-size: 0.875rem;

  /* -- Spacing ----------------------------------------------------------- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* -- Layout ------------------------------------------------------------ */
  --max-width: 1200px;
  --gutter: 1.5rem;
  --margin-desktop: 4rem;
  --margin-mobile: 1.5rem;
  --header-height: 72px;
  --border-radius: 8px;

  /* -- Transitions ------------------------------------------------------- */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* -- Shadows ----------------------------------------------------------- */
  --shadow-sm: 0 1px 3px rgba(23, 38, 78, 0.08);
  --shadow-md: 0 4px 12px rgba(23, 38, 78, 0.12);
  --shadow-lg: 0 8px 30px rgba(23, 38, 78, 0.16);
}