/* Pivotech West-Africa · couleurs, typographie, mesures
   Les couleurs de structure sont relevées sur la maquette Gratech. Celles du logo
   ne servent qu'au logo lui-même et au petit filet devant les intitulés. */

:root {
  /* Bleus de la maquette */
  --blue-bright: #356af8;
  --blue: #2f62ea;
  --blue-deep: #2448ad;
  --blue-ink: #2553cf;
  --blue-soft: #86a8ff;
  --blue-tint: #e6eefc;

  /* Fonds et textes */
  --night: #0f0c1d;
  --night-soft: #1b1832;
  --ink: #12101f;
  --text: #5a6072;
  --muted-dark: #b6b9ca;
  --surface: #f3f7fa;
  --line: #e3e8f1;
  --white: #fff;

  /* Les six barres du logo */
  --logo-bars: linear-gradient(90deg,
    #58bbe2 0 2px, transparent 2px 4px,
    #57ac3e 4px 6px, transparent 6px 8px,
    #fadd39 8px 10px, transparent 10px 12px,
    #e53a33 12px 14px, transparent 14px 16px,
    #a6302e 16px 18px, transparent 18px 20px,
    #8a4aa3 20px 22px);

  /* Typographie */
  --font-display: 'Outfit', 'Segoe UI', sans-serif;
  --font-body: 'Figtree', 'Segoe UI', sans-serif;
  --fs-hero: clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);
  --fs-h2: clamp(1.85rem, 1.35rem + 1.5vw, 2.75rem);
  --fs-h3: clamp(1.2rem, 1.1rem + .4vw, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-sm: .875rem;

  /* Mesures */
  --container: 1200px;
  --gutter: 20px;
  --section-y: clamp(72px, 8vw, 116px);
  --radius: 3px;
  --header-h: 96px;

  /* Mouvement */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .2s;
  --shadow: 0 16px 44px rgba(15, 12, 29, .09);
}