/* Charte Pivotech West-Africa
   Couleurs relevées sur le logo (assets/img/logo-pivotech.png) :
   le mot « pivotech » en anthracite, six couleurs en paires de barres décalées. */

:root {
  /* Couleurs du logo */
  --pv-ink: #242630;
  --pv-blue: #58bbe2;
  --pv-green: #57ac3e;
  --pv-yellow: #fadd39;
  --pv-red: #e53a33;
  --pv-brick: #a6302e;
  --pv-purple: #632c78;

  /* Dérivés */
  --pv-blue-ink: #1a6f95;          /* bleu lisible sur fond clair, 5,6:1 */
  --pv-blue-hover: #7cccec;
  --pv-blue-soft: #e9f6fc;

  /* Neutres teintés vers l'anthracite du logo */
  --night-950: #101116;
  --night-900: #15161c;
  --night-800: #1b1d25;
  --night-700: #242630;
  --text: #1f2129;
  --muted: #5b5e6b;
  --line: #e2e5eb;
  --surface: #f3f6f9;
  --white: #ffffff;
  --line-dark: rgba(255, 255, 255, .12);
  --muted-dark: rgba(255, 255, 255, .72);

  /* Spectre du logo, en filet de signature */
  --spectrum: linear-gradient(90deg,
    var(--pv-blue) 0 16.666%,
    var(--pv-green) 16.666% 33.333%,
    var(--pv-yellow) 33.333% 50%,
    var(--pv-red) 50% 66.666%,
    var(--pv-brick) 66.666% 83.333%,
    var(--pv-purple) 83.333% 100%);

  /* Typographie : géométrique et ronde, en écho au mot « pivotech » */
  --font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.5rem, 1.2rem + 3.9vw, 4.5rem);
  --fs-h2: clamp(1.9rem, 1.25rem + 2.1vw, 3rem);
  --fs-h3: clamp(1.4rem, 1.15rem + .8vw, 1.9rem);
  --fs-lead: clamp(1.05rem, .98rem + .3vw, 1.2rem);

  /* Mise en page */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 78px;
  --section-y: clamp(72px, 8vw, 120px);

  /* Forme */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(20, 21, 27, .04), 0 18px 40px -18px rgba(20, 21, 27, .22);

  /* Mouvement */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-fast: .25s;
}