/* Pivotech West-Africa · jetons de style
   Couleurs relevées sur le logo du PDF : le mot « pivotech » en anthracite,
   six couleurs en paires de barres décalées au-dessus. */

: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-deep: #11526f;
  --pv-blue-hover: #7cccec;
  --pv-blue-soft: #e9f6fc;

  /* Neutres teintés vers l'anthracite du logo */
  --night-950: #0e0f14;
  --night-900: #15161c;
  --night-800: #1b1d25;
  --night-700: #242630;
  --text: #1f2129;
  --muted: #5b5e6b;
  --muted-soft: #797d8a;
  --line: #e2e5eb;
  --surface: #f3f6f9;
  --surface-2: #eef2f7;
  --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.4rem, 1.1rem + 4vw, 4.4rem);
  --fs-h2: clamp(1.85rem, 1.2rem + 2.2vw, 3rem);
  --fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.6rem);
  --fs-lead: clamp(1.02rem, .97rem + .3vw, 1.18rem);
  --fs-sm: .9375rem;

  /* Mise en page */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 32px);
  --topbar-h: 42px;
  --header-h: 80px;
  --section-y: clamp(68px, 7.5vw, 118px);

  /* Forme */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(20, 21, 27, .05), 0 6px 16px -10px rgba(20, 21, 27, .2);
  --shadow: 0 1px 2px rgba(20, 21, 27, .04), 0 18px 40px -18px rgba(20, 21, 27, .22);
  --shadow-lg: 0 2px 4px rgba(20, 21, 27, .04), 0 32px 60px -28px rgba(20, 21, 27, .3);

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

/* Accents par domaine, repris des six couleurs du logo.
   --accent      : la couleur du logo, sur fond clair
   --accent-ink  : sa version lisible en texte sur fond clair
   --accent-soft : sa version éclaircie, lisible sur l'anthracite */
.d-impression   { --accent: var(--pv-blue);   --accent-ink: var(--pv-blue-ink); --accent-soft: #8ad3f0; }
.d-documents    { --accent: var(--pv-yellow); --accent-ink: #8a6b00;            --accent-soft: #fbe777; }
.d-visio        { --accent: var(--pv-purple); --accent-ink: var(--pv-purple);   --accent-soft: #c194d6; }
.d-energie      { --accent: var(--pv-green);  --accent-ink: #3d7c2b;            --accent-soft: #8ed173; }
.d-informatique { --accent: var(--pv-red);    --accent-ink: var(--pv-brick);    --accent-soft: #f5908a; }