/* ===== KRONOS CLEAR — structure (scheme-independent) ===== */
:root{
  --touch:48px;         /* minimum height of anything pressable */
  --radius:12px;
  --radius-lg:14px;

/* ===== KRONOS SUNSHINE — the bright scheme (default) ===== */
  --paper:#FBF8F2;      /* every page starts here — warm, not glare-white */
  --card:#FFFFFF;
  --ink:#26221C;        /* all reading text (~13:1 on paper) */
  --ink-soft:#5D564B;
  --line:#E5DDCE;
  --water:#0E5F6A;      /* THE action colour — if you can click it, it's water */
  --water-deep:#0A4650;
  --water-wash:#E3EEF0;
  --on-water:#FFFFFF;
  --gold:#B98B1F;       /* seals & celebration only — gold decorates, never informs */
  --gold-wash:#F7EEDA;
  --gold-ink:#7A5A12;
  --good-bg:#E6F2E1; --good-ink:#2B5E24;
  --warn-bg:#FAEFD7; --warn-ink:#7A5A12;
  --bad-bg:#FAE4DF;  --bad-ink:#8C2B1D;
  --bad-solid:#8C2B1D; --on-bad:#FFFFFF;
  --input-line:#C9BFAE;
  --focus:rgba(14,95,106,.35);
  --shadow:0 1px 2px rgba(38,34,28,.05),0 4px 16px rgba(38,34,28,.07);
  --glow-water:none;    /* lumo is a Midnight thing */
  --glow-gold:none;
}

/* ===== KRONOS MIDNIGHT — rich dark + neon ===== */
[data-scheme="midnight"]{
  --paper:#16130E;      /* rich walnut black — never pure #000 */
  --card:#211D16;
  --ink:#F3EDE1;        /* warm off-white (~12:1 on card) */
  --ink-soft:#B5AB98;
  --line:#3B3529;
  --water:#3EC4CE;      /* the action colour, now luminous */
  --water-deep:#63D5DD; /* hover brightens — alive things get MORE alive */
  --water-wash:#0E3A3F;
  --on-water:#04191C;
  --gold:#E5BB4F;       /* candlelight */
  --gold-wash:#33290F;
  --gold-ink:#E5BB4F;
  --good-bg:#1E3317; --good-ink:#A5D893;
  --warn-bg:#39300D; --warn-ink:#E4C36A;
  --bad-bg:#3D1712;  --bad-ink:#F2A08F;
  --bad-solid:#E0604A; --on-bad:#2B0B05;
  --input-line:#4A4335;
  --focus:rgba(62,196,206,.45);
  --shadow:0 0 0 1px rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.45);
  --glow-water:0 0 0 1px rgba(62,196,206,.40),0 0 30px rgba(62,196,206,.33);
  --glow-gold:0 0 26px rgba(229,187,79,.35);
}
/* Real sites follow the visitor unless a page pins data-scheme */
@media (prefers-color-scheme: dark){
  :root:not([data-scheme="sunshine"]){
  --paper:#16130E;      /* rich walnut black — never pure #000 */
  --card:#211D16;
  --ink:#F3EDE1;        /* warm off-white (~12:1 on card) */
  --ink-soft:#B5AB98;
  --line:#3B3529;
  --water:#3EC4CE;      /* the action colour, now luminous */
  --water-deep:#63D5DD; /* hover brightens — alive things get MORE alive */
  --water-wash:#0E3A3F;
  --on-water:#04191C;
  --gold:#E5BB4F;       /* candlelight */
  --gold-wash:#33290F;
  --gold-ink:#E5BB4F;
  --good-bg:#1E3317; --good-ink:#A5D893;
  --warn-bg:#39300D; --warn-ink:#E4C36A;
  --bad-bg:#3D1712;  --bad-ink:#F2A08F;
  --bad-solid:#E0604A; --on-bad:#2B0B05;
  --input-line:#4A4335;
  --focus:rgba(62,196,206,.45);
  --shadow:0 0 0 1px rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.45);
  --glow-water:0 0 0 1px rgba(62,196,206,.40),0 0 30px rgba(62,196,206,.33);
  --glow-gold:0 0 26px rgba(229,187,79,.35);
  }
}
body{
  background:var(--paper);color:var(--ink);
  font:18px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}