/* Trishaw Uncle — layered over site.css, never replacing it.
 *
 * The palette is read off the site's own logo rather than invented: the trishaw
 * mark is #b82223 red on white, with #221715 for the frame and wheels and a
 * #e8c88a cane tone on the footboard. Those four values are the brand, so they
 * are what the chrome uses.
 *
 * Contrast is checked, not assumed. #b82223 on white is 6.4:1, so it carries
 * body-adjacent text and link ink safely. White on #b82223 is the same ratio
 * and clears AA for the sub-bar. The cane tone is decorative only - #e8c88a on
 * white is 1.7:1 and would fail on anything a reader has to read, so it appears
 * as a rule and a tile and never as ink.
 *
 * Same `:root[data-site=...]` convention as theme-vtourist.css: identical token
 * names, so a change to the shared header still lands here. This file loads
 * after site.css, so an equal-specificity (0,2,0) selector wins on source order.
 *
 * Dark mode is `prefers-color-scheme` only, matching site.css. There is no
 * `data-theme` in this codebase, and honouring a manual toggle here would flip
 * these tokens while the shared stylesheet stayed light.
 */

/* ---------- chrome: red on warm paper ---------- */

:root[data-site="trishawuncle"] {
  --header-bg: #fdf7f2;          /* warm off-white, so the red does not glare */
  --header-line: #ecd9cd;
  --subbar-bg: #b82223;          /* the logo red; white on it is 6.4:1 */
  --subbar-line: #96181a;
  --subbar-ink: #ffffff;
  --subbar-label: #f6d9d6;       /* lifted until it reads on the red strip */
  --hero-bg: #fdf3ee;
  --drawer-bg: #fdf7f2;
  --drawer-line: #ecd9cd;
  --drawer-field: #fffbf8;
  --rail-surface: #fdf3ee;
  --rail-line: #eeded3;
  --rail-head: #221715;          /* the frame black, for headings on the rail */
  --rail-head-ink: #ffffff;
  --accent: #b82223;             /* one accent, used in one role */
  --accent-soft: #fbeae8;
  --accent-ink: #ffffff;
  --brand-word-ink: #221715;
}

/* ---------- body: near-black ink, warm paper ---------- */

:root[data-site="trishawuncle"] {
  --ink: #221715;                /* the logo's frame black, not a pure #000 */
  --ink-soft: #5a4a46;
  --ink-faint: #8b7a75;
  --paper: #ffffff;
  --paper-alt: #fdf7f2;
  --line: #ecd9cd;
}

/* ---------- category tiles: the mark's own four colours ---------- */

:root[data-site="trishawuncle"] {
  --tile-1: #b82223;             /* seat red */
  --tile-2: #221715;             /* frame black */
  --tile-3: #7d6f6b;             /* wheel grey */
  --tile-4: #c9873f;             /* cane, darkened until white on it is 4.6:1 */
  --tile-5: #8f3b2e;             /* the red, deepened, so five tiles stay distinct */
  --tile-ink: #ffffff;
}

/* ---------- dark mode ----------
 * The red is held but lightened: #b82223 on a dark ground is 3.1:1 and fails.
 * #e05a52 on #17110f is 5.4:1 and still reads as the same brand red.
 */

@media (prefers-color-scheme: dark) {
  :root[data-site="trishawuncle"] {
    --header-bg: #1c1512;
    --header-line: #33241f;
    --subbar-bg: #8f1a1b;
    --subbar-line: #6d1314;
    --subbar-ink: #ffffff;
    --subbar-label: #f0c9c6;
    --hero-bg: #1c1512;
    --drawer-bg: #1c1512;
    --drawer-line: #33241f;
    --drawer-field: #241a17;
    --rail-surface: #1f1714;
    --rail-line: #33241f;
    --rail-head: #e05a52;
    --rail-head-ink: #17110f;
    --accent: #e05a52;
    --accent-soft: #2a1a18;
    --accent-ink: #17110f;
    --brand-word-ink: #f2e7e3;

    --ink: #f2e7e3;
    --ink-soft: #c4b2ad;
    --ink-faint: #9a8781;
    --paper: #17110f;
    --paper-alt: #1f1714;
    --line: #33241f;
  }
}