/* styles/tint-plain.css — v1400. PLAIN COLOURS (Settings › Page › Appearance › Colours: By area | Plain).
   Owner (2026-09-29): the area colours (green Memorize, blue Learn, rose Worship, gold Listen) can be switched off
   so every surface matches the paper — "Paper + ink": a wash becomes the paper, a title / glyph / selected button
   becomes the page's ink (dark by day, light by night). Colours that MEAN something stay (tajwīd, the Mark Ayat
   cross-over red and small-difference green, risk dots, differing words, the whiteboard's missed / solid): so the
   area tokens are NEVER re-pointed site-wide — only inside the containers that wear an area (owner's pick).
   ON: body.tint-plain (settings.js, key mithlayn.ui.tint = 'plain'). Loaded last so equal specificity wins; the
   selectors lead with `html body.tint-plain` to outrank the dark rules' ids and repeated :is() (mode-win.css 19-30).
   The four places the area colours live (audit, v1400): (1) mode windows' --mw-on/--mw-soft (Settings, What's new,
   Record & Compare, the Training ground, and the dk-win accents of Hifz / Page Context / Quiz / Makhārij / Tajwīd /
   PDFs); (2) the hold menu's groups and its windows' washes, heads and selected buttons (hold-mock.css); (3) the
   Settings home tiles (inline --ts/--tc); (4) the Menu's own hex (--hub-* in al.css).
   SAFE TO DELETE: with the Colours row in settings.js. No hex here (rule A2). */

/* (1) mode windows and the tinted dk-win shells: the accent is the ink, the wash is the paper */
html body.tint-plain .mw,
html body.tint-plain .mw[data-area],
html body.tint-plain :is(#progress-scrim,#pc-scrim,#qz-scrim,#mkh-scrim,#tjr-scrim,#pdfs-scrim):is(#progress-scrim,#pc-scrim,#qz-scrim,#mkh-scrim,#tjr-scrim,#pdfs-scrim):is(#progress-scrim,#pc-scrim,#qz-scrim,#mkh-scrim,#tjr-scrim,#pdfs-scrim) .dk-win {
  --mw-on:var(--mk-ink); --mw-soft:var(--mk-page); --mw-on-ink:var(--mk-page); }
/* white text laid on --mw-on: by night the ink is light, so the text takes the paper instead */
html body.tint-plain .mw-ri, html body.tint-plain .mw-chips button.on, html body.tint-plain .mw-go,
html body.tint-plain .mw.wn .wn-new { color:var(--mw-on-ink); }
html body.tint-plain .mw-chips button.on { box-shadow:none; }

/* (2) the hold menu: every group takes Listen's neutral (ink on fill), and inside an area's pane that area's own
   tokens point at the ink and the paper — so its head glyph, title, tabs, modes and Go button go plain, while the
   OTHER areas' tokens (the meaning colours a pane borrows) stay as they are */
html body.tint-plain #ayah-pop :is(.hm-dr,.hm-st,.hm-qr) { --mk-gt:var(--mk-ink2); --mk-gb:var(--mk-fill); }
html body.tint-plain #ayah-pop .hm-dr { --mk-dr:var(--mk-ink); --mk-dr-soft:var(--mk-fill); --mk-dr-line:var(--mk-line); --mk-dr-on:var(--mk-ink); --mk-dr-on-ink:var(--mk-page); }
html body.tint-plain #ayah-pop .hm-st { --mk-st:var(--mk-ink); --mk-st-soft:var(--mk-fill); --mk-st-line:var(--mk-line); --mk-st-on:var(--mk-ink); --mk-st-on-ink:var(--mk-page); }
html body.tint-plain #ayah-pop .hm-qr { --mk-qr:var(--mk-ink); --mk-qr-soft:var(--mk-fill); --mk-qr-line:var(--mk-line); --mk-qr-on:var(--mk-ink); --mk-qr-on-ink:var(--mk-page); }
html body.tint-plain #ayah-pop .hm-cnt { background:var(--mk-ink); color:var(--mk-page); }
/* a window's sheet: the paper, not its group's wash */
html body.tint-plain #ayah-pop[data-win]:not([data-win=""]) { background:var(--mk-page);
  box-shadow:var(--mk-shadow), inset 0 0 0 1px var(--mk-line), 0 0 0 100vmax color-mix(in srgb, var(--mk-ink) 18%, transparent); }
html body.tint-plain.theme-dark #ayah-pop[data-win]:not([data-win=""]) { box-shadow:var(--mk-shadow), inset 0 0 0 1px var(--mk-line), 0 0 0 100vmax rgba(0,0,0,.5); }

/* (3) Settings' home tiles: their colours are set inline, so only !important reaches a custom property there */
html body.tint-plain #settings-sheet .sg-tile { --ts:var(--mw-fill) !important; --tc:var(--mw-ink) !important; }   /* overrides settings.js's inline --ts/--tc: the tiles' area colours */

/* (4) the Menu: its area colours are its own values, so they are pointed at the kit's ink and card */
html body.tint-plain #hub-menu-scrim { --hub-mem:var(--al-ink); --hub-mem-s:var(--al-card); --hub-learn:var(--al-ink); --hub-learn-s:var(--al-card);
  --hub-wor:var(--al-ink); --hub-wor-s:var(--al-card); --hub-lis:var(--al-ink); --hub-lis-s:var(--al-card); --hub-on-ink:var(--al-card); }