/* testexamencivique.com · tokens
   One component set (site.css), two token sets with the same names:
   this file (testexamencivique.com) and tokens-citizo.css (Citizo, for citizo.co).
   Always light (the owner's call, 2026-11-12): no prefers-color-scheme rules; the dark set
   stays under [data-theme="dark"], which no page sets. */

/* testexamencivique.com · light */
:root,
[data-theme="light"] {
  color-scheme: light;
  --color-background: #FFFFFF;  /* fond de page */
  --color-surface: #F6F3EC;  /* bandeaux, encadrés */
  --color-surface-raised: #FFFFFF;  /* cartes, lignes de réponse */
  --color-surface-sunken: #EEEAE1;  /* survol, puces, en-tête de tableau */
  --color-border: #DCD6CA;  /* filets */
  --color-border-strong: #8F877A;  /* contours des contrôles (3:1) */
  --color-text-primary: #1B1A17;
  --color-text-secondary: #5B564D;
  --color-text-disabled: #8A8478;
  --color-fill-disabled: #ECE8E0;
  --color-primary: #0B5C6B;  /* actions */
  --color-primary-hover: #08495A;
  --color-on-primary: #FFFFFF;  /* texte sur primary */
  --color-primary-ink: #0B5C6B;  /* liens */
  --color-primary-ink-hover: #073F4B;
  --color-primary-soft: #E3EFF1;  /* ligne choisie, encadré test */
  --color-accent: #C2861A;  /* ocre : points des i, filets, numéros */
  --color-accent-ink: #85570A;  /* accent en texte */
  --color-accent-soft: #F8EDD6;
  --color-focus: #B0731A;  /* contour de focus */
  --color-success: #1E7340;  /* juste */
  --color-success-soft: #E5F2E9;
  --color-success-line: #7FBF96;
  --color-error: #B42318;  /* faux */
  --color-error-soft: #FBE9E7;
  --color-error-line: #E39A92;
  --color-header: #FFFFFF;
  --radius-chip: 999px;
  --radius-badge: 8px;
  --radius-button: 10px;
  --radius-option: 10px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --font-heading: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: -apple-system, "Segoe UI", Roboto, sans-serif;
  --heading-weight: 500;
}
/* testexamencivique.com · dark */
[data-theme="dark"] {
  color-scheme: dark;
  --color-background: #131517;
  --color-surface: #1C1F22;
  --color-surface-raised: #22262A;
  --color-surface-sunken: #2A2E33;
  --color-border: #353A40;
  --color-border-strong: #6B727A;
  --color-text-primary: #EDE9E2;
  --color-text-secondary: #ABA59B;
  --color-text-disabled: #7A766F;
  --color-fill-disabled: #2A2E33;
  --color-primary: #6CC4D3;
  --color-primary-hover: #8AD2DE;
  --color-on-primary: #0B2A31;
  --color-primary-ink: #7ACBD8;
  --color-primary-ink-hover: #A6DDE6;
  --color-primary-soft: #16343A;
  --color-accent: #E0A642;
  --color-accent-ink: #E9B65E;
  --color-accent-soft: #3A2E17;
  --color-focus: #E0A642;
  --color-success: #6FCF8F;
  --color-success-soft: #15301F;
  --color-success-line: #3E8E5A;
  --color-error: #F2877C;
  --color-error-soft: #3A1A17;
  --color-error-line: #A9483F;
  --color-header: #131517;
}