/* ============================================================================
   theme.css — PER-APP palette + brand overrides (the only design file a new
   site rewrites). tokens.css supplies structure; this supplies colour and the
   handful of brand-distinguishing knobs (--display serif, --radius, hero
   texture, chip style). Light + dark from the brand-doc palette columns.

   This is the TEMPLATE default theme: the real **oomny** brand — the sky-blue
   cloud-and-person identity (#3aa7df) on clean cool neutrals. scaffold.sh
   leaves this file for a new app to re-skin from its own docs/brand.md palette.

   Brand: oomny blue #3aa7df. Because the fill blue is only ~2.7:1 on white, the
   contract's --accent-text escape hatch carries a darkened blue tuned to AA
   (≥4.5:1) for links + small text; the bright blue stays for fills, the cloud
   mark and large accents. Accent-tinted surfaces use color-mix(var(--accent))
   so re-hueing cascades to the halo + chips automatically.
   ============================================================================ */

/* ---- light ---- */
:root,
[data-theme="light"] {
  --bg:#faf6ee; --bg-2:#f4e4e2; --surface:#fffdf8;
  --text:#26201a; --text-soft:#6b5f54;
  --accent:#a32638; --accent-2:#c24356; --accent-ink:#ffffff;
  --accent-text:#8e1f30;                 /* haw crimson, darkened for AA on --bg and on white */
  --line:#e6dccc;
  --verified:#2f7d55; --caution:#a06a1e; --caution-text:#7d5216;
  --display: var(--serif); --display-tracking: 0;   /* the app replaces the paper garden agenda */
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%);
}

/* ---- dark (deep cool palette, faint blue atmosphere) ---- */
[data-theme="dark"] {
  --bg:#1b1714; --bg-2:#241e1a; --surface:#241f1c;
  --text:#f0ebe2; --text-soft:#b0a396;
  --accent:#d4596b; --accent-2:#e0798a; --accent-ink:#24100f;
  --accent-text:#e08494;                 /* AA ≈7.6:1 on --bg */
  --line:#3a302a;
  --verified:#7fc9a3; --caution:#d9b36a; --caution-text:#e0bd79;
  --chip-bg:#2a2320;
  --display: var(--serif); --display-tracking: 0;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 22%, transparent), transparent 72%);
}

/* Follow the OS when the document hasn't pinned a theme via [data-theme]. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#1b1714; --bg-2:#241e1a; --surface:#241f1c;
    --text:#f0ebe2; --text-soft:#b0a396;
    --accent:#d4596b; --accent-2:#e0798a; --accent-ink:#24100f;
    --accent-text:#e08494;                 /* AA ≈7.6:1 on --bg */
    --line:#3a302a;
    --verified:#7fc9a3; --caution:#d9b36a; --caution-text:#e0bd79;
    --chip-bg:#2a2320;
    --display: var(--serif); --display-tracking: 0;
    --halo: radial-gradient(58% 55% at 80% -10%,
              color-mix(in oklab, var(--accent) 22%, transparent), transparent 72%);
  }
}