/* ============================================================
   Variables : toutes les valeurs viennent de specs.md
   ============================================================ */
:root {
  /* Canevas (espace de coordonnées de la maquette) */
  --page-w: 1672px;
  --page-h: 941px;

  /* Police */
  --font: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Couleurs de fond */
  --bg: #fbfcfd;
  --wave-blue: #cfe3fd;
  --wave-blue-2: #e4f0fd;
  --wave-violet: #e9ebfd;
  --wave-teal: #eefafd;

  /* Encres */
  --ink-title: #03133a;
  --ink-brand: #06183e;
  --ink-eyebrow: #7781a1;
  --ink-para: #737b97;
  --ink-input-label: #6a7597;
  --ink-module-label: #3f4869;
  --ink-muted: #8992b4;
  --ink-agents-sub: #97a0c3;
  --ink-agents-title: #131a42;
  --ink-pill: #2a4264;
  --ink-pill-top: #0b123b;

  /* Dégradé du titre */
  --grad-1: #1062fc;
  --grad-2: #247bfc;
  --grad-3: #6a5bfb;
  --grad-4: #9051fb;

  --blue-logo: #157afd; /* bleu du picto */

  /* Accents */
  --green: #04d4ab;
  --green-2: #04cea1;
  --dot-people: #0a77fb;
  --dot-systems: #0cd7b7;
  --dot-data: #8c48fa;
  --dot-context: #63bafb;
  --dot-goals: #40ccd7;
  --arrow: #1170fb;
  --icon: #5677dd;
  --agents-icon-1: #1170fb;
  --agents-icon-2: #9d66fb;

  /* Pilules */
  --pill-bg: #e8f7f7;
  --pill-top-bg: #f5f8fb;

  /* Bulle */
  --bubble-top: #f2f8fd;
  --bubble-center: #f1f8fd;
  --bubble-left: #e4f0fd;
  --bubble-bottom: #bedafc;
  --bubble-right: #d9f6f9;
  --bubble-glow: #a9cdfd;
  --bubble-rim: rgba(255, 255, 255, 0.95);
  --circle-bg: #f5f9fd;
  --circle-edge: #eaf1fd;
  --agents-bg: #eaf2fd;

  /* Tailles de texte */
  --fs-eyebrow: 15px;
  --ls-eyebrow: 4.8px;
  --fs-title: 72px;
  --ls-title: -0.045em;
  --ls-title-l3: -6.1px;
  --ls-title-l4: -4.8px;
  --fs-para: 23px;
  --lh-para: 34px;
  --fs-pill: 19px;
  --ls-pill: -0.8px;
  --fs-pill-top: 20px;
  --fs-wordmark: 49px;
  --fs-wordmark-bubble: 34px;
  --ls-wordmark: -0.02em;
  --fs-input-label: 15px;
  --ls-input-label: 0.06em;
  --fs-bubble-sub: 13.5px;
  --ls-bubble-sub: 0.4em;
  --fs-module-label: 16px;
  --fs-agents-title: 19.5px;
  --ls-agents-title: -0.8px;
  --fs-agents-sub: 13.5px;
  --ls-agents-sub: 0.1em;
  --fs-footer: 13.5px;
  --ls-footer: 4.1px;

  /* Géométrie */
  --logo-size: 73px;
  --circle-r: 62px;
  --pill-radius: 14px;
  --pill-top-radius: 20px;
}