/* ============================================================================
   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.

   Withory — a couples-budget UTILITY. Warm Paper canvas (the oomny convention),
   muted plum accent ("partnership"), warm-black ink. Because Withory is a
   utility (not editorial), the display face stays the shared SANS stack — no
   serif --display override here.

   Brand: plum #7a5c8e (light) / #a98cbd (dark), read upstream from the in-app
   AccentColor.colorset. The plum fill is ~5.3:1 on the warm Paper, so it clears
   AA on its own; --accent-text carries a slightly darkened plum (~6.5:1) for
   links + small text, keeping a clear step down from the fill accent. Accent-
   tinted surfaces use color-mix(var(--accent)) so re-hueing cascades to the halo
   + chips automatically.
   ============================================================================ */

/* ---- light ---- */
:root,
[data-theme="light"] {
  --bg:#faf9f5; --bg-2:#f1edf2; --surface:#fffefb;
  --text:#141413; --text-soft:#6b6470;
  --accent:#7a5c8e; --accent-2:#9277a6; --accent-ink:#fdfbff;
  --accent-text:#6b4f80;                 /* darkened plum, AA ≈6.5:1 on --bg / 6.9:1 on white */
  --line:#e7e0ea;
  --verified:#2f8f5e; --caution:#b07d22; --caution-text:#8a6014;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%);
}

/* ---- dark (deep warm palette, faint plum atmosphere) ---- */
[data-theme="dark"] {
  --bg:#15120f; --bg-2:#1c1720; --surface:#211a26;
  --text:#efece6; --text-soft:#a99fb0;
  --accent:#a98cbd; --accent-2:#bca0cd; --accent-ink:#181018;
  --accent-text:#bca0cd;                 /* AA ≈7.5:1 on --bg */
  --line:#33293a;
  --verified:#7fc9a3; --caution:#d9b36a; --caution-text:#e0bd79;
  --chip-bg:#261c2c;
  --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:#15120f; --bg-2:#1c1720; --surface:#211a26;
    --text:#efece6; --text-soft:#a99fb0;
    --accent:#a98cbd; --accent-2:#bca0cd; --accent-ink:#181018;
    --accent-text:#bca0cd;
    --line:#33293a;
    --verified:#7fc9a3; --caution:#d9b36a; --caution-text:#e0bd79;
    --chip-bg:#261c2c;
    --halo: radial-gradient(58% 55% at 80% -10%,
              color-mix(in oklab, var(--accent) 22%, transparent), transparent 72%);
  }
}

/* ---- brand wordmark: the real OOMNY letterforms as a themeable mask -----------
   Brand-specific asset → lives in this per-app file, never shared site.css (C3/C4).
   Rendered as a mask so the colour follows --text and adapts to light/dark; pair it
   with the cloud tile icon (oomny-icon.png). Aspect ratio of the artwork ≈ 4.869. */
.wordmark{display:inline-flex;align-items:center;flex:0 0 auto}
.wordmark img{display:block;width:auto}
.brand .wordmark img{height:18px}
.foot-brand .wordmark img{height:15px}
.wordmark .wm-on-dark{display:none}
[data-theme="dark"] .wordmark .wm-on-light{display:none}
[data-theme="dark"] .wordmark .wm-on-dark{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]) .wordmark .wm-on-light{display:none}
  :root:not([data-theme]) .wordmark .wm-on-dark{display:block}
}