/* Jetons Runflow (R1, 10/10/2026, ticket #93) : la SEULE source des couleurs, rayons et tailles de texte des portails,
   de l'administration, de la porte de connexion, des outils et du rendez-vous. Alignés sur l'identité (runflow.tokens :
   palette Relais 03, sombre par défaut, clair de marque au choix). Chargée EN PREMIER par chaque page ; les autres
   feuilles n'écrivent aucune couleur, elles lisent ces variables (contrôle : test/r1-base-commune.test.mjs).
   Guide : docs/UI-KIT.md › « Jetons (R1) ». */
:root {
  color-scheme: dark;
  /* --- Marque (identiques dans les deux thèmes) --- */
  --rf-citron: #d5fa72;
  --rf-foret: #203c2e;
  --rf-nuit: #080d0e;
  --rf-ivoire: #e8ede7;
  /* Vert Relais (ticket #251, design system › Mouvement et vidéo) : réservé au trait sur sauge (thème clair). */
  --rf-relais: #50732b;
  /* Couleurs « énergie » : réservées au visuel (graphiques, schémas, filigrane), jamais au texte courant. */
  --rf-electrique: #78a800;
  --rf-ambre: #d87828;
  /* Papier : aperçus d'e-mails, devis, impression (toujours clairs, quel que soit le thème). */
  --rf-papier: #f3f5ef;
  --rf-papier-fond: #fff;
  --rf-papier-texte: #152322;
  --rf-papier-doux: #52645c;
  --rf-papier-ligne: #bdc9be;
  --rf-papier-accent: #203c2e;
  --rf-papier-sur-accent: #edf4e8;
  /* --- Thème sombre (défaut) --- */
  --rf-fond: #080d0e;
  --rf-barre: #0b1213;
  --rf-surface: #111a1c;
  --rf-releve: #172225;
  --rf-ligne: #2d383a;
  --rf-ligne-forte: #4a5a5c;
  --rf-texte: #e6eeec;
  --rf-texte-doux: #a7b7b8;
  --rf-texte-discret: #8b9c9d;
  --rf-accent: #d5fa72;
  --rf-accent-survol: #e9ffb0;
  --rf-sur-accent: #101710;
  --rf-danger: #ffa99a;
  --rf-ombre: #0006;
  --rf-ombre-forte: #0008;
  --rf-voile: #050a0bb3;
  --rf-ombre-douce: #00000014;
  /* Vignettes : encre de chaque teinte (le fond en est dérivé par vignette.css). */
  --rf-teinte-vert: #d5fa72;
  --rf-teinte-bleu: #9ccdff;
  --rf-teinte-violet: #c9b3ff;
  --rf-teinte-orange: #ffbd80;
  --rf-teinte-rose: #ffa8c9;
  --rf-teinte-cyan: #86e6da;
  --rf-teinte-jaune: #f5d76e;
  --rf-teinte-gris: #c5d2d0;
  /* Calque des micro vidéos de l'aide (curseur, légende) : mêmes valeurs dans les deux thèmes. */
  --rf-calque-fond: #0d1416e6;
  --rf-calque-texte: #fff;
  --rf-calque-trait: #111;
  --rf-calque-ombre: #0008;
  /* Lentille « Vue client » : ambre de la marque (plus de bleu hors charte). */
  --rf-vue-client: #f0a35a;
  --rf-vue-client-encre: #101710;
  /* États (point + libellé, jamais la couleur seule). */
  --rf-bon: #8cc63f;
  --rf-attention: #f0a35a;
  --rf-serieux: #d87828;
  --rf-critique: #ff7a66;
  --rf-info: #7fa99a;
  /* Graphiques : séries 1 à 8 dans un ordre fixe, issues des jetons (citron, électrique, ambre, sauge…). */
  --rf-serie-1: #d5fa72;
  --rf-serie-2: #78a800;
  --rf-serie-3: #f0a35a;
  --rf-serie-4: #7fa99a;
  --rf-serie-5: #c9d4cf;
  --rf-serie-6: #3f7a5a;
  --rf-serie-7: #b25a1c;
  --rf-serie-8: #8b9c9d;
  /* --- Rayons : 4 px partout (panneaux, boutons, badges), cercle pour ce qui est rond --- */
  --rf-rayon: 4px;
  --rf-rayon-fin: 2px;
  --rf-rayon-rond: 999px;
  /* --- Tailles de texte : échelle courte (11 réservé aux capitales espacées) --- */
  --rf-t-micro: 11px;
  --rf-t-xs: 12px;
  --rf-t-s: 13px;
  --rf-t-sm: 14px;
  --rf-t-m: 15px;
  --rf-t-l: 16px;
  --rf-t-xl: 18px;
  --rf-t-2xl: 22px;
  --rf-t-3xl: 28px;
  --rf-t-4xl: 36px;
  --rf-t-5xl: 48px;
  --rf-police-titre: Archivo, Arial, sans-serif;
  --rf-police-texte: Instrument, "Instrument Sans", Arial, sans-serif;
  /* --- Filigrane O (signe Relais, géométrie de signe-relais.svg) : forme et opacité selon la page --- */
  --rf-signe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 -52.5 56 54'%3E%3Cpath d='M2.81 -20Q2.3 -22.72 2.3 -25.7Q2.3 -33.6 5.8 -39.5Q9.3 -45.4 15.55 -48.7Q21.8 -52 30 -52Q38.4 -52 44.6 -48.7Q50.8 -45.4 54.25 -39.5Q54.68 -38.77 55.06 -38H45L41.95 -33.43Q41.04 -35.45 39.55 -37Q35.7 -41 30 -41Q24.3 -41 20.5 -36.95Q18.2 -34.5 17.3 -30.94L10 -20H2.81ZM30 1Q21.8 1 15.55 -2.4Q9.3 -5.8 5.8 -11.85Q5.47 -12.42 5.17 -13H15L18.22 -17.83Q18.33 -17.59 18.45 -17.35Q20.2 -13.8 23.25 -11.9Q26.3 -10 30 -10Q33.8 -10 36.8 -11.9Q39.8 -13.8 41.6 -17.35Q42.21 -18.56 42.62 -19.93L50 -31H57.27Q57.7 -28.47 57.7 -25.7Q57.7 -17.9 54.25 -11.85Q50.8 -5.8 44.55 -2.4Q38.3 1 30 1Z'/%3E%3C/svg%3E");
  --rf-filigrane: .045;
  --rf-filigrane-fort: .08;
}
:root[data-theme="light"] {
  color-scheme: light;
  --rf-fond: #e8ede7;
  --rf-barre: #f3f5ef;
  --rf-surface: #f3f5ef;
  --rf-releve: #e2e8df;
  --rf-ligne: #bdc9be;
  --rf-ligne-forte: #8fa092;
  --rf-texte: #152322;
  --rf-texte-doux: #52645c;
  --rf-texte-discret: #586a62;
  --rf-accent: #203c2e;
  --rf-accent-survol: #2c5240;
  --rf-sur-accent: #edf4e8;
  --rf-danger: #9a3025;
  --rf-ombre: #1523222e;
  --rf-ombre-forte: #15232238;
  --rf-voile: #15232259;
  --rf-ombre-douce: #15232214;
  --rf-teinte-vert: #2f5a3c;
  --rf-teinte-bleu: #1f5d99;
  --rf-teinte-violet: #5b3fb0;
  --rf-teinte-orange: #9a4c0c;
  --rf-teinte-rose: #9c2858;
  --rf-teinte-cyan: #0f6a62;
  --rf-teinte-jaune: #6f5400;
  --rf-teinte-gris: #3d5249;
  --rf-vue-client: #8f4a10;
  --rf-vue-client-encre: #fff8f0;
  --rf-bon: #3f6f00;
  --rf-attention: #8c4a0c;
  --rf-serieux: #9a4a12;
  --rf-critique: #b3261e;
  --rf-info: #3f6b5e;
  --rf-serie-1: #203c2e;
  --rf-serie-2: #5f8500;
  --rf-serie-3: #8f4410;
  --rf-serie-4: #4f7f70;
  --rf-serie-5: #1f6b55;
  --rf-serie-6: #8a6a10;
  --rf-serie-7: #6e3610;
  --rf-serie-8: #5d6064;
  --rf-filigrane: .05;
  --rf-filigrane-fort: .08;
}
/* Noms historiques des surfaces (portail : --line, --raised, --red ; administration : --border, --surface2, --error) :
   un seul jeu de valeurs, plus aucune définition ailleurs. */
:root {
  --bg: var(--rf-fond);
  --surface: var(--rf-surface);
  --raised: var(--rf-releve);
  --surface2: var(--rf-releve);
  --line: var(--rf-ligne);
  --border: var(--rf-ligne);
  --text: var(--rf-texte);
  --muted: var(--rf-texte-doux);
  --accent: var(--rf-accent);
  --ink: var(--rf-sur-accent);
  --red: var(--rf-danger);
  --error: var(--rf-danger);
  --danger: var(--rf-danger);
  --shadow: var(--rf-ombre);
  --vue-client: var(--rf-vue-client);
  --vue-client-ink: var(--rf-vue-client-encre);
}