/* Jetons de design de MagicPropal — thème « lilas » (design system MagicPropal, validé le 8 octobre 2026).
 *
 * Source unique des couleurs, polices, rayons, espacements et durées. Les trois feuilles (bureau.css, client.css,
 * atelier.css) n'écrivent AUCUNE valeur de charte en dur : elles associent un sens (--fg, --canvas…) à ces jetons.
 * Documentation et règles d'usage : docs/design-system.md.
 *
 * Règles : lilas = accent unique (jamais de second accent, ni dégradé) ; plein lilas réservé au bouton d'action ;
 * le lilas ne s'écrit jamais en texte sur fond clair (là : --mp-accent-fonce) ; pas d'ombre hors pastille de prix ;
 * clair par défaut, sombre seulement sur demande (data-theme="sombre"), jamais d'après le réglage du système.
 */
:root {
  /* ---- Couleurs de marque ------------------------------------------------------------------------------------ */
  --mp-nuit: #100D17;             /* fond, texte sur clair */
  --mp-surface-nuit: #17131F;     /* cartes sur nuit */
  --mp-filet-nuit: #2B2438;       /* filets sur nuit */
  --mp-accent: #B79CFF;           /* le lilas, accent unique : bouton d'action, étincelle, chiffres clés SUR NUIT (8,4:1) */
  --mp-accent-survol: #A88BFF;    /* bouton primaire survolé */
  --mp-accent-fonce: #6B3FD9;     /* l'accent sur fond CLAIR : focus, jauge, filet d'option, tiret du logo (5,6:1 sur #F3F0F8) */
  --mp-blanc-casse: #F3F0F8;      /* fond clair, texte sur nuit */
  --mp-blanc: #FFFFFF;

  /* ---- Gris (contrastes mesurés contre le fond d'usage) ------------------------------------------------------ */
  --mp-gris-sur-nuit: #CEC7DB;    /* texte secondaire sur nuit, 11,8:1 */
  --mp-legende-sur-nuit: #9389A6; /* légendes sur nuit, 5,6:1 */
  --mp-gris-sur-clair: #5E566E;   /* texte secondaire sur blanc, 6,0:1 */
  --mp-filet-clair: #DAD4E4;      /* filets sur clair */

  /* ---- États fonctionnels (pas des accents de marque) ------------------------------------------------------- */
  --mp-danger: #B42318;           /* sur blanc : 6,5:1 */
  --mp-danger-fond: #FEE4E2;
  --mp-danger-sur-nuit: #F97066;
  --mp-alerte: #7A5A00;           /* sur #FFF8E1 : 6,2:1 */
  --mp-alerte-fond: #FFF8E1;
  --mp-option: #F6F2FF;           /* fond d'une ligne d'option non cochée, survols */
  --mp-option-cochee: #E9E0FF;    /* option cochée */

  /* ---- Typographie ------------------------------------------------------------------------------------------- */
  --mp-police: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mp-police-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mp-largeur-titre: 125%;       /* Archivo Expanded : racine du logo, titres, chiffres clés */
  --mp-graisse-titre: 900;
  --mp-interlettrage-titre: -0.04em;
  --mp-t-1: 11px;  --mp-t-2: 12px;  --mp-t-3: 13px;  --mp-t-4: 14px;   /* étiquettes, légendes, texte */
  --mp-t-5: 16px;  --mp-t-6: 18px;  --mp-t-7: 21px;  --mp-t-8: 34px;   /* corps, sous-titres, titres */

  /* ---- Rayons (Fibonacci : rayon = marge / φ) ---------------------------------------------------------------- */
  --mp-r-1: 3px;  --mp-r-2: 5px;  --mp-r-3: 8px;  --mp-r-4: 13px;  --mp-r-5: 21px;  --mp-r-rond: 999px;

  /* ---- Espacements (Fibonacci) ------------------------------------------------------------------------------- */
  --mp-e-1: 4px;  --mp-e-2: 8px;  --mp-e-3: 13px;  --mp-e-4: 21px;  --mp-e-5: 34px;  --mp-e-6: 55px;

  /* ---- Mouvement --------------------------------------------------------------------------------------------- */
  --mp-duree-courte: 120ms;  --mp-duree: 200ms;  --mp-duree-longue: 450ms;
  --mp-courbe: cubic-bezier(.3, .7, .4, 1);

  /* ---- Accessibilité ----------------------------------------------------------------------------------------- */
  --mp-cible-tactile: 44px;       /* taille minimale d'une cible au doigt */
  --mp-focus: 2px solid var(--mp-accent-fonce);
  --mp-focus-sur-nuit: 2px solid var(--mp-accent);
}