/* Hondana — variables CSS des tokens, transcrites telles quelles de ds/hondana/tokens.json
   (le système ne publie pas de tokens.css). Thème clair par défaut, sombre quand le système l'est. */
:root {
  --font-texte: Figtree, system-ui, -apple-system, sans-serif;
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px;
  --cible-min: 44px; --jeton: 50px; --jeton-xl: 88px;
  --rayon-xs: 5px; --rayon-s: 6px; --rayon-m: 12px; --rayon-l: 20px; --rayon-pilule: 999px;
  --duree-fondu: 100ms; --duree-appui: 120ms; --duree-tampon: 160ms; --duree-feuille: 240ms;
  --courbe-standard: cubic-bezier(0.2, 0, 0, 1); --courbe-sortie: cubic-bezier(0.4, 0, 1, 1);
}
:root, .h-clair {
  color-scheme: light;
  --papier: #f8f5ef; --surface: #ffffff; --surface-creuse: #f0ebe2; --trait: #e3dbcf; --trait-fort: #8a7f73;
  --encre: #1d2340; --encre-douce: #575b70; --surligneur: #fff0a6;
  --action: var(--encre); --on-action: var(--papier); --focus: var(--encre); --tampon: var(--encre); --on-tampon: var(--papier);
  --mediatheque: #4e6577; --mediatheque-teinte: #e8eef3;
  --succes: #1f6b45; --alerte: #8a5800; --erreur: #a3242a;
  --succes-teinte: #e2f3e9; --alerte-teinte: #fcefd2; --erreur-teinte: #fbe5e4;
  --brique: #822d22; --on-brique: #ffffff; --brique-bord: #822d22; --brique-teinte: #ffebe7;
  --abricot: #d4822b; --on-abricot: #1d2340; --abricot-bord: #ca791d; --abricot-teinte: #ffecdd;
  --menthe: #a8f2c1; --on-menthe: #1d2340; --menthe-bord: #539b6e; --menthe-teinte: #dff8e6;
  --indigo: #1c3891; --on-indigo: #ffffff; --indigo-bord: #1c3891; --indigo-teinte: #e9f0ff;
  --lavande: #9d83dc; --on-lavande: #1d2340; --lavande-bord: #977dd5; --lavande-teinte: #f1edff;
  --dragee: #f6d4f8; --on-dragee: #1d2340; --dragee-bord: #a283a4; --dragee-teinte: #fde9fd;
  --ombre-carte: 0 1px 0 rgba(29,35,64,0.06); --ombre-feuille: 0 -12px 40px rgba(29,35,64,0.18);
}
@media (prefers-color-scheme: dark) { :root {
  color-scheme: dark;
  --papier: #191714; --surface: #23201c; --surface-creuse: #12100e; --trait: #37312a; --trait-fort: #8f8579;
  --encre: #f4efe6; --encre-douce: #b8afa2; --surligneur: #4d4114;
  --action: var(--encre); --on-action: var(--papier); --focus: var(--encre); --tampon: var(--encre); --on-tampon: var(--papier);
  --mediatheque: #9db3c6; --mediatheque-teinte: #243039;
  --succes: #7cd3a2; --alerte: #f2c46b; --erreur: #ff9a94;
  --succes-teinte: #173323; --alerte-teinte: #3a2c0e; --erreur-teinte: #41201f;
  --brique: #b84f40; --on-brique: #ffffff; --brique-bord: #b84f40; --brique-teinte: #3f221e;
  --abricot: #d4822b; --on-abricot: #191714; --abricot-bord: #d4822b; --abricot-teinte: #3b2612;
  --menthe: #a8f2c1; --on-menthe: #191714; --menthe-bord: #a8f2c1; --menthe-teinte: #173221;
  --indigo: #4869bf; --on-indigo: #ffffff; --indigo-bord: #4869bf; --indigo-teinte: #212b42;
  --lavande: #a990e9; --on-lavande: #191714; --lavande-bord: #a990e9; --lavande-teinte: #2d273f;
  --dragee: #f6d4f8; --on-dragee: #191714; --dragee-bord: #f6d4f8; --dragee-teinte: #372338;
  --ombre-carte: 0 1px 0 rgba(0,0,0,0.45); --ombre-feuille: 0 -12px 40px rgba(0,0,0,0.6);
} }