/* Thème de la Comptabilité : à importer APRÈS theme.css et locales.css.
   Fiche validée par Alex le 28/10/2026 (docs/identite/DESIGN_VALIDE_2026-10-28.md, tableau Couleurs ; ADR-0038).
   Valeurs reprises à l'identique de la maquette validée (maquette-gestion/build_gestion.py, blocs :root, #th-azul, #th-oscura).
   Deux modes : Claro (défaut, bloc `light`, colonne bleu nuit) et Oscuro (bloc `dark`). Les noms de jetons restent ceux des
   écrans existants (--bg, --card, --side, --ink, --red, --ok...) : ils dérivent des valeurs de la maquette. */
body.light, :root[data-theme="light"] {
  --bg: #f9fafb; --app: #f9fafb; --card: #ffffff; --soft: #f2f4f7; --line: #e4e7ec; --line2: #d0d5dd;
  --shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);
  --brand: #22365c; --gold: #bfaf82; --gold-ink: #d8cca8; --gold-arrow: #bfaf82;
  --sg-red: #e22116; --pi: #00843d; --b2b: #475467; --b2b-bar: #98a2b3;
  --side: #22365c; --side-ink: #e3e9f5; --side-mute: #9fb0d0; --side-line: rgba(255, 255, 255, .12); --side-title: #ffffff;
  --side-hover: rgba(255, 255, 255, .07); --side-on: #bfaf82; --side-on-ink: #22365c;
  --side-active: rgba(255, 255, 255, .14); --side-active-ink: #ffffff;   /* rubrique active du menu (D5) */
  --ink: #101828; --ink2: #344054; --ink3: #667085; --axis: #667085;
  --blue: #22365c; --blue-soft: #e8ecf3; --on-blue: #ffffff;
  --link: #22365c;
  --up: #027a48; --up-bg: #ecfdf3; --up-ink: #027a48; --up-badge-ink: #027a48;
  --dn: #b42318; --dn-bg: #fef3f2; --dn-badge-ink: #b42318;
  --eq: #475467; --eq-bg: #f2f4f7;
  --red: #b42318; --red-soft: #fef3f2;
  --amber: #b54708; --amber-soft: #fdead2;
  --amber-fill: #e27308;   /* orange franc : pastilles, barres et grands chiffres seulement (texte courant = --amber) */
  --ok: #027a48; --ok-soft: #ecfdf3;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0c111d; --app: #0c111d; --card: #161b26; --soft: #1f2937; --line: #1f2937; --line2: #344054;
  --shadow: none;
  --brand: #8fb0e8; --gold: #bfaf82; --gold-ink: #d8cca8; --gold-arrow: #bfaf82;
  --sg-red: #e22116; --pi: #00843d; --b2b: #475467; --b2b-bar: #98a2b3;
  --side: #111622; --side-ink: #d0d5dd; --side-mute: #98a2b3; --side-line: #1f2937; --side-title: #ffffff;
  --side-hover: rgba(255, 255, 255, .04); --side-on: #bfaf82; --side-on-ink: #22365c;
  --side-active: rgba(143, 176, 232, .14); --side-active-ink: #c6d6f3;
  --ink: #f2f4f7; --ink2: #d0d5dd; --ink3: #98a2b3; --axis: #98a2b3;
  --blue: #4a66a8; --blue-soft: #1f2a44; --on-blue: #ffffff;
  --link: #d8cca8;
  --up: #32d583; --up-bg: rgba(50, 213, 131, .12); --up-ink: #32d583; --up-badge-ink: #32d583;
  --dn: #f97066; --dn-bg: rgba(249, 112, 102, .12); --dn-badge-ink: #f97066;
  --eq: #d0d5dd; --eq-bg: rgba(255, 255, 255, .06);
  --red: #f97066; --red-soft: rgba(249, 112, 102, .12);
  --amber: #fbbf24; --amber-soft: #43391f;
  --amber-fill: #e27308;
  --ok: #32d583; --ok-soft: rgba(50, 213, 131, .12);
  color-scheme: dark;
}

/* Article identifiers use local rules under the unchanged style-src 'self' policy. */
.article-identity-input {
  width: 100%;
  max-width: 100%;
}
.article-identity-qr {
  background: #fff;
  max-width: 100%;
  height: auto;
}