/* =========================================================================
   Myndeo — Jetons de design (design tokens)
   Extraits des maquettes (styles inline + var(--x, fallback)).
   ========================================================================= */
:root {
  /* Surfaces / fond */
  --bg: #F6F8FC;
  --panel: #EDF1F8;
  --card: #FFFFFF;

  /* Accent (violet Myndeo) */
  --accent: #7C4DFF;
  --accent-strong: #5B2FD6;
  --accent-deep: #3D1FA8;
  --accent-ink: #2A0E5C;      /* texte sur fond blanc dans les cartes accent */
  --cyan: #22D3EE;

  /* Teintes d'accent (fond translucide) */
  --accent-06: rgba(124, 77, 255, .06);
  --accent-10: rgba(124, 77, 255, .10);
  --accent-12: rgba(124, 77, 255, .12);
  --accent-14: rgba(124, 77, 255, .14);
  --accent-16: rgba(124, 77, 255, .16);
  --accent-22: rgba(124, 77, 255, .22);
  --accent-28: rgba(124, 77, 255, .28);
  --accent-35: rgba(124, 77, 255, .35);

  /* Encre / texte */
  --ink: #16223A;           /* titres, texte fort */
  --ink-2: #1E2B44;
  --ink-3: #26334C;
  --text: #4C5A74;          /* corps */
  --text-2: #46536D;
  --text-3: #556278;
  --muted: #5A6A82;         /* légendes, descriptions */
  --muted-2: #6B7A93;
  --muted-3: #8391A8;

  /* Bords (hairlines sur fond clair) */
  --line-07: rgba(16, 28, 54, .07);
  --line-08: rgba(16, 28, 54, .08);
  --line-09: rgba(16, 28, 54, .09);
  --line-10: rgba(16, 28, 54, .10);
  --line-20: rgba(16, 28, 54, .20);
  --wash-03: rgba(16, 28, 54, .03);
  --wash-04: rgba(16, 28, 54, .04);
  --wash-05: rgba(16, 28, 54, .05);

  /* Rayons */
  --radius: 20px;           /* cartes / sections */
  --radius-card: 14px;      /* feature cards */
  --radius-input: 12px;
  --radius-btn: 13px;
  --radius-pill: 999px;

  /* Ombres */
  --shadow-card: 0 1px 3px rgba(16, 28, 54, .05);
  --shadow-pop: 0 36px 80px rgba(16, 28, 54, .16);
  --shadow-nav: 0 8px 30px rgba(16, 28, 54, .07);
  --shadow-accent: 0 12px 34px rgba(124, 77, 255, .42);
  --shadow-accent-sm: 0 8px 22px rgba(124, 77, 255, .35);

  /* Typo */
  --font-head: 'Space Grotesk', -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Hanken Grotesk', -apple-system, 'Segoe UI', sans-serif;
  --font-accent: 'Poppins', -apple-system, 'Segoe UI', sans-serif;

  /* Layout */
  --wrap: 1200px;

  /* Fond sombre (footer) */
  --footer-bg: #12161F;
  --footer-text: #C7D0DE;
  --footer-muted: #8B99B0;
  --footer-dim: #6B7A93;

  /* Transitions */
  --t-fast: .14s ease;
  --t-mid: .18s ease;
}