/* Three selectable looks (UI_THEME env var; preview any page with ?theme=name).
   Each defines the same tokens for light and dark. Components in app.css only
   ever reference tokens. */

/* ---- Hearth: her logo, as-is. Walnut brown + ink navy on cream; classic
   serif headings echoing the wordmark, letter-spaced small caps for labels. */
:root, [data-theme-name="hearth"] {
  --bg: #FFF9EC; --surface: #FFFFFF; --surface-2: #F6ECD8; --line: #E3D6C0;
  --ink: #14294B; --ink-2: #3E4C66; --muted: #7A6A55;
  --brand: #63361A; --on-brand: #FFF9EC; --accent: #14294B; --accent-soft: #E7ECF4;
  --good: #2E7D4F; --good-soft: #E3F1E8; --warn: #9A6200; --warn-soft: #FBEFD5; --bad: #B23A2E; --bad-soft: #F8E1DE;
  --chart: #63361A; --chart-soft: #D9C3A8;
  --font-display: "Libre Caslon Text", Georgia, "Times New Roman", serif; --display-weight: 700;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-label: "Source Serif 4", Georgia, serif;
  --label-case: uppercase; --label-track: .14em;
  --radius: 14px; --radius-sm: 10px; --shadow: 0 1px 0 rgba(99,54,26,.06);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"])[data-theme-name="hearth"] {
  --bg: #17120D; --surface: #221A13; --surface-2: #2D231A; --line: #3D3226;
  --ink: #F3EAD9; --ink-2: #D9CBB3; --muted: #A8957A;
  --brand: #D9A273; --on-brand: #1A120B; --accent: #A9BCE0; --accent-soft: #1F2838;
  --good: #6FCF97; --good-soft: #17301F; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #D9A273; --chart-soft: #5A4532; color-scheme: dark; } }
:root[data-theme="dark"][data-theme-name="hearth"] {
  --bg: #17120D; --surface: #221A13; --surface-2: #2D231A; --line: #3D3226;
  --ink: #F3EAD9; --ink-2: #D9CBB3; --muted: #A8957A;
  --brand: #D9A273; --on-brand: #1A120B; --accent: #A9BCE0; --accent-soft: #1F2838;
  --good: #6FCF97; --good-soft: #17301F; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #D9A273; --chart-soft: #5A4532; color-scheme: dark; }

/* ---- Meadow: leans into her farm & equestrian side. Pasture green, hay gold,
   barn-board neutrals; a sturdy slab for headings like a feed-store sign. */
[data-theme-name="meadow"] {
  --bg: #F7F6EF; --surface: #FFFFFF; --surface-2: #ECEEDF; --line: #D8DCC6;
  --ink: #1F2A22; --ink-2: #405044; --muted: #6E7867;
  --brand: #2F5D3A; --on-brand: #F7F6EF; --accent: #B07A1E; --accent-soft: #F6EBD3;
  --good: #2F7D46; --good-soft: #E1F0E3; --warn: #9A6200; --warn-soft: #FBEFD5; --bad: #A8322A; --bad-soft: #F6DEDB;
  --chart: #2F5D3A; --chart-soft: #BFD0B8;
  --font-display: "Bitter", Rockwell, Georgia, serif; --display-weight: 600;
  --font-body: "Karla", "Helvetica Neue", Arial, sans-serif;
  --font-label: "Karla", "Helvetica Neue", Arial, sans-serif;
  --label-case: uppercase; --label-track: .1em;
  --radius: 8px; --radius-sm: 6px; --shadow: 0 2px 0 rgba(31,42,34,.06);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"])[data-theme-name="meadow"] {
  --bg: #121712; --surface: #1A211B; --surface-2: #232C24; --line: #334035;
  --ink: #E8EDE2; --ink-2: #C3CDBC; --muted: #8E9B88;
  --brand: #8CC79A; --on-brand: #0F1A12; --accent: #E2B05A; --accent-soft: #3A2D14;
  --good: #7FD08F; --good-soft: #173020; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #8CC79A; --chart-soft: #2E4A35; color-scheme: dark; } }
:root[data-theme="dark"][data-theme-name="meadow"] {
  --bg: #121712; --surface: #1A211B; --surface-2: #232C24; --line: #334035;
  --ink: #E8EDE2; --ink-2: #C3CDBC; --muted: #8E9B88;
  --brand: #8CC79A; --on-brand: #0F1A12; --accent: #E2B05A; --accent-soft: #3A2D14;
  --good: #7FD08F; --good-soft: #173020; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #8CC79A; --chart-soft: #2E4A35; color-scheme: dark; }

/* ---- Studio: a crisp, modern app. Cool paper, navy from the wordmark as the
   working color, walnut kept as a small warm accent; an italic serif for
   display moments over a clean grotesk. */
[data-theme-name="studio"] {
  --bg: #F5F6F8; --surface: #FFFFFF; --surface-2: #EDEFF3; --line: #DADEE5;
  --ink: #111B2E; --ink-2: #3B4558; --muted: #6B7385;
  --brand: #14294B; --on-brand: #FFFFFF; --accent: #8A4B24; --accent-soft: #F5E9E0;
  --good: #1F7A4A; --good-soft: #DFF2E7; --warn: #8F5B00; --warn-soft: #FBEFD5; --bad: #B4322A; --bad-soft: #F9E0DD;
  --chart: #14294B; --chart-soft: #C3CCDB;
  --font-display: "Instrument Serif", Georgia, serif; --display-weight: 400;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-label: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --label-case: none; --label-track: 0;
  --radius: 12px; --radius-sm: 8px; --shadow: 0 1px 2px rgba(17,27,46,.06), 0 4px 16px rgba(17,27,46,.04);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"])[data-theme-name="studio"] {
  --bg: #0E131C; --surface: #151C28; --surface-2: #1C2533; --line: #2A3546;
  --ink: #E9EDF4; --ink-2: #BAC3D2; --muted: #8590A3;
  --brand: #9DB5E8; --on-brand: #0B1220; --accent: #E0A27A; --accent-soft: #33231A;
  --good: #6FCF97; --good-soft: #142B1F; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #9DB5E8; --chart-soft: #2B3A55; color-scheme: dark; } }
:root[data-theme="dark"][data-theme-name="studio"] {
  --bg: #0E131C; --surface: #151C28; --surface-2: #1C2533; --line: #2A3546;
  --ink: #E9EDF4; --ink-2: #BAC3D2; --muted: #8590A3;
  --brand: #9DB5E8; --on-brand: #0B1220; --accent: #E0A27A; --accent-soft: #33231A;
  --good: #6FCF97; --good-soft: #142B1F; --warn: #E9B44C; --warn-soft: #3A2C10; --bad: #F08A7E; --bad-soft: #3B1A16;
  --chart: #9DB5E8; --chart-soft: #2B3A55; color-scheme: dark; }