/* ═══════════════════════════════════════════════════════════════════════════════════════════
   MIDNIGHT GLASS: the contrast lift (5 November 2026)

   Midnight Glass is ui.css as it stood; nothing in its design changes. Worked out in code
   (_facts/test_looks_contrast.mjs), a few of its quiet words fell short of 4.5:1:
     dark   the faintest labels (--fog-30, 30% white) were 2.43:1 on the ink; at 50% they are 4.90:1
     light  the grey labels (--fog-50 3.98:1, --fog-30 2.64:1), the gold used as text (4.28:1) and the
            six status colours (2.88 to 4.45:1) on the daylight canvas
   These are the same values the booth Event Manager already uses for its own labels.
   Applies only when no other look is chosen (html without data-look) and the gold only when the
   house gold is the accent (the ?accent= variants keep their own).
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
html:not([data-look]) {
  --fog-30: rgba(244, 243, 240, 0.5);
  --fog-40: rgba(244, 243, 240, 0.5);
  --fog-80: rgba(244, 243, 240, 0.82);
}
html:not([data-look])[data-theme="light"] {
  --fog-50: rgba(20, 23, 29, 0.66);
  --fog-30: rgba(20, 23, 29, 0.62);
  --fog-40: rgba(20, 23, 29, 0.62);
  --fog-80: rgba(20, 23, 29, 0.84);
  --good: #16794a; --warn: #a15c00; --bad: #c81e3a; --info: #2a5fc4; --ok: #0f766e; --viol: #6a4bc4;
  --amber: #8a6114;
}
/* the gold as words: #7d5a00 is 5.60:1 on the canvas and still above 4.5:1 on its own pale tint (a "Needs reply"
   pill, the production notes label: #8a6300 was 4.41:1 there, found by test_looks_render.mjs) */
html:not([data-look]):not([data-accent])[data-theme="light"] {
  --volt: #7d5a00; --volt-hi: #8a6300; --volt-lo: #7d5a00;
}

/* The rail's counts by day (found by test_looks_render.mjs once it read the rail's gradient): gold on its own gold tint
   over the gold-tinted rail was 4.37 to 4.43:1; on the OPEN screen's solid gold link the count was gold on gold
   (1.00:1, gone). The counts are #664900 (5.63 to 5.87:1); on the open link they sit on a white pill (5.62:1). */
html:not([data-look]):not([data-accent])[data-theme="light"] .rl .count { color: #664900; }
html:not([data-look]):not([data-accent])[data-theme="light"] .rl.on .count { background: rgba(255, 255, 255, 0.92); color: #7d5a00; }