/* ==========================================================================================
   Viewer themes (Timeline Viewer, level 1 of the Interactive Timeline Builder — owner's Q30 VIEWER, 2026-10-10)
   ==========================================================================================
   The series' own look is "Classic Parchment" (theme_parchment.css, owner's Q5) and it is what every picture and PDF is made with.
   The viewer page can also show the same chart with another paper and ink: the three themes below only change the PAPER AND INK variables
   (every other variable — the era, day and Gospel colours — keeps its parchment value, so the same period keeps the same colour everywhere).
   They are switched by <html data-theme="clean|contrast">; no data-theme (or "parchment") means theme_parchment.css as it is.
   Every pair of colours below is checked by `python Tools\tl.py viewer --check-themes` and by Test\test_viewer.py with the same limits as `tl.py qa`
   (ink on paper >= 7.0 : 1, the other text colours >= 4.5 : 1, light text on the dark band and on every era / day colour >= 4.5 : 1).
   ========================================================================================== */

/* ---------------------------------------- Clean white: white paper, neutral ink (a printer-friendly look) ---------------------------------------- */
:root[data-theme="clean"] {
	--paper:        #ffffff;
	--paper-edge:   #f2f2ee;
	--panel:        #f7f7f4;
	--ink:          #1b1b1b;
	--ink-soft:     #3d3d3d;
	--ink-faint:    #595959;
	--accent:       #7a2a1f;
	--gold:         #8a6414;
	--rule:         #bdbdb5;
	--rule-soft:    #dcdcd5;
	--dark:         #3a3a3a;
	--on-dark:      #ffffff;
	--grade-firm:   #1b1b1b;
	--grade-soft:   #595959;
}

/* ---------------------------------------- High contrast: pure black on pure white, strong rules ---------------------------------------- */
:root[data-theme="contrast"] {
	--paper:        #ffffff;
	--paper-edge:   #ffffff;
	--panel:        #ffffff;
	--ink:          #000000;
	--ink-soft:     #111111;
	--ink-faint:    #2b2b2b;
	--accent:       #5a0f0f;
	--gold:         #5c4200;
	--rule:         #5c5c5c;
	--rule-soft:    #8f8f8f;
	--dark:         #000000;
	--on-dark:      #ffffff;
	--grade-firm:   #000000;
	--grade-soft:   #2b2b2b;
}
