@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/figtree-400.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/figtree-500.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/figtree-600.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/figtree-700.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/figtree-800.woff2") format("woff2")}
/* =========================================================
   TRIALO — design tokens (charte graphique v1)
   Police : Figtree (licence OFL), AUTO-HÉBERGÉE dans /assets/fonts (aucune requête vers un site tiers).
   ========================================================= */
:root {
  /* Couleurs de marque */
  --trialo-nuit: #0B1F4B;        /* couleur principale, fonds sombres, texte sur clair */
  --trialo-bleu: #2E5BFF;        /* accent : la piste de l'interrupteur, CTA, liens */
  --trialo-bleu-fonce: #1F47D6;  /* survol des CTA bleus, liens sur fond blanc */
  --trialo-bleu-clair: #7A98FF;  /* accent lisible sur fond nuit (liens, icônes) */
  --trialo-glacier: #DCE5FF;     /* fonds de cartes / badges sur clair */
  --trialo-brume: #AFC0EE;       /* texte secondaire sur fond nuit */
  --trialo-blanc: #FFFFFF;

  /* Neutres */
  --trialo-fond: #F4F6FB;        /* fond de page clair */
  --trialo-bordure: #D9DEEA;     /* bordures, séparateurs */
  --trialo-texte: #0B1F4B;       /* texte principal sur clair */
  --trialo-texte-2: #4A5370;     /* texte secondaire sur clair */
  --trialo-nuit-2: #142A60;      /* surfaces légèrement relevées sur fond nuit */
  --trialo-nuit-3: #22397A;      /* bordures sur fond nuit */

  /* États (usage interface du simulateur) */
  --trialo-succes: #12B76A;
  --trialo-alerte: #F79009;
  --trialo-erreur: #E5484D;
  --trialo-off: #98A2B3;         /* éléments désactivés, interrupteurs OFF dans l'UI */

  /* Typographie */
  --trialo-font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --trialo-fw-regular: 400;
  --trialo-fw-medium: 500;
  --trialo-fw-semibold: 600;
  --trialo-fw-bold: 700;
  --trialo-fw-black: 800;        /* titres d'affiche, logo */

  /* Échelle (ratio ~1.25, base 16px) */
  --trialo-fs-xs: 0.75rem;   /* 12 */
  --trialo-fs-sm: 0.875rem;  /* 14 */
  --trialo-fs-base: 1rem;    /* 16 */
  --trialo-fs-lg: 1.25rem;   /* 20 */
  --trialo-fs-xl: 1.5rem;    /* 24 */
  --trialo-fs-2xl: 2rem;     /* 32 */
  --trialo-fs-3xl: 2.5rem;   /* 40 */
  --trialo-fs-4xl: clamp(2.5rem, 5vw, 4rem); /* H1 hero */

  /* Espacements (base 4px) */
  --trialo-space-1: 4px;  --trialo-space-2: 8px;  --trialo-space-3: 12px;
  --trialo-space-4: 16px; --trialo-space-6: 24px; --trialo-space-8: 32px;
  --trialo-space-12: 48px; --trialo-space-16: 64px; --trialo-space-24: 96px;

  /* Rayons : la forme "pilule" vient de l'interrupteur du logo */
  --trialo-radius-sm: 8px;
  --trialo-radius-md: 12px;
  --trialo-radius-lg: 20px;
  --trialo-radius-pill: 999px;   /* boutons, badges, interrupteurs */

  /* Ombres */
  --trialo-shadow-sm: 0 1px 2px rgba(11, 31, 75, 0.08);
  --trialo-shadow-md: 0 8px 24px rgba(11, 31, 75, 0.10);

  /* Mouvement (même courbe que l'animation du logo) */
  --trialo-ease: cubic-bezier(.3, .7, .2, 1);
  --trialo-duration: 280ms;
}