/* =========================
   Globals – Design System
   ========================= */

:root {
  /* === Couleurs === */
  --color-bg-main: #0E1621;
  --color-bg-dark: #050505;

  --color-text-main: #FFFFFF;
  --color-text-muted: #8A94A6;

  --color-accent: #FF8800;

  /* === Typographie === */
  --font-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;
  --font-title: 'Josefin Sans', system-ui, -apple-system, sans-serif;

  /* === Tailles === */
  --font-size-base: 16px;
  --font-size-h1: clamp(40px, 6vw, 72px);
  --font-size-h2: clamp(28px, 4vw, 48px);

  --font-weight-body: 300;
  --font-weight-ui: 400;

  /* === Layout === */
  --max-width: 1200px;
  --gutter: 24px;
  --section-padding: 120px;
}