/* ============================================================
   CODIUM – Design Tokens
   ============================================================ */

:root {
  /* ─── Couleurs ─── */
  --c-dark:        #0e1c2e;   /* Navy profond */
  --c-dark-2:      #162540;
  --c-dark-3:      #1e3050;
  --c-gold:        #d4aa00;   /* Or Codium (issu du logo) */
  --c-gold-light:  #e8c840;
  --c-gold-pale:   #f5e988;
  --c-warm-white:  #f8f6f1;   /* Fond clair chaud */
  --c-warm-gray:   #ede9e0;
  --c-mid-gray:    #9ca3af;
  --c-text-dark:   #1a2535;
  --c-text-light:  #f0ece3;
  --c-text-muted:  #6b7280;

  /* ─── Typographie ─── */
  --font-display: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
  --font-body:    'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  /* ─── Layout ─── */
  --nav-h:         80px;
  --section-py:    clamp(64px, 8vw, 120px);
  --container-max: 1280px;
  --container-px:  clamp(24px, 5vw, 64px);

  /* ─── Transitions ─── */
  --ease-fast: 0.2s ease;
  --ease-mid:  0.4s ease;
  --ease-slow: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-hero: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* ─── Misc ─── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:   0 8px 24px rgba(0,0,0,0.12);
  --shadow-lg:   0 24px 48px rgba(0,0,0,0.18);
  --shadow-gold: 0 4px 20px rgba(212,170,0,0.30);
}