/* Tracy Coffey + Her Inner Warrior — theme palettes
   ---------------------------------------------------------------
   Two palettes, swappable via `data-theme` on <html>:

     data-theme        | mode  | toggle icon
     ------------------|-------|------------
     light (default)   | light | sun
     dark              | dark  | moon

   Mel's direction (2026-10-24): golds and calm warm neutrals, with
   green ONLY as a small accent (eyebrow labels, bullets, focus rings).
   From her palette: F8D794 creased khaki (golds), 284139 emerald green
   and 809076 wasabi (accents only). Buttons + logo are gold.

   EVERY color on the site is a variable defined here. To recolor the
   whole site, edit ONLY this file — no markup or other CSS changes
   needed. When the two brands split, give each its own [data-theme]
   block (e.g. "hiw-light").
   =============================================================== */

/* ============================================================
   LIGHT (default): calm ivory canvas, soft gold bands, gold buttons,
   warm umber headings, emerald for small accents only.
   ============================================================ */
:root, :root[data-theme="light"] {
  --bg:#FBF7EE;              /* calm ivory canvas */
  --bg-rgb:251,247,238;
  --bg-up:#F4EBD5;           /* raised band (soft gold) */
  --bg-card:#FFFCF6;         /* card surface */
  --bg-card-h:#FBF7EE;       /* card hover */
  --bdr:rgba(150,118,58,0.18);
  --bdr-h:rgba(150,118,58,0.34);
  --wine:#284139;            /* (unused) emerald */
  --rose:#A8843E;            /* primary: gold (buttons, logo) */
  --rose-g:#D4B46C;          /* lighter gold (button gradient) */
  --rose-l:#8E6E2F;          /* deep gold for links/hover text */
  --rose-rgb:168,132,62;
  --wine-rgb:40,65,57;
  --accent:#284139;          /* green accent: eyebrows, bullets, focus */
  --accent-rgb:40,65,57;
  --cream:#3A3428;           /* headings (warm umber) */
  --tx:#4A443A;              /* body text (soft warm charcoal) */
  --tx-d:#7A715F;            /* muted */
  --tx-f:rgba(58,52,40,0.5); /* faint */
  --cta-tx:#1F1A12;          /* dark text on gold buttons */
  --nav-bg:rgba(251,247,238,0.9);
  --nav-bg-o:rgba(251,247,238,0.97);
  --glow-soft:rgba(168,132,62,0.22);
  --glow-medium:rgba(168,132,62,0.14);
  --glow-deep:rgba(168,132,62,0.22);
  --rose-hover-bg:rgba(168,132,62,0.10);
  --hero-glow:rgba(248,215,148,0.38);
  --hero-glow-2:rgba(212,180,108,0.22);
}

/* ============================================================
   DARK — lighter night: deep wasabi canvas and bands, dark gold
   buttons and logo, pale sage green for small accents only.
   ============================================================ */
:root[data-theme="dark"] {
  --bg:#46523F;             /* deep wasabi canvas (lighter than before) */
  --bg-rgb:70,82,63;
  --bg-up:#515E4A;          /* raised band (wasabi) */
  --bg-card:#4E5A47;        /* card surface */
  --bg-card-h:#5A6753;
  --bdr:rgba(201,162,78,0.24);
  --bdr-h:rgba(201,162,78,0.42);
  --wine:#809076;           /* (unused) wasabi */
  --rose:#C9A24E;           /* dark gold (logo, outlines) */
  --rose-g:#B8913F;         /* deeper gold (button gradient) */
  --rose-l:#D9B970;         /* gold for links/hover text */
  --rose-rgb:201,162,78;
  --wine-rgb:128,144,118;
  --accent:#CFE0C3;         /* pale sage green: small accents only */
  --accent-rgb:207,224,195;
  --cream:#F4ECD6;          /* headings (warm ivory) */
  --tx:#ECE9DC;             /* body (soft ivory) */
  --tx-d:#C6CAB8;           /* muted (pale wasabi) */
  --tx-f:rgba(236,233,220,0.55);
  --cta-tx:#1E2219;         /* dark text on gold buttons */
  --nav-bg:rgba(70,82,63,0.9);
  --nav-bg-o:rgba(70,82,63,0.97);
  --glow-soft:rgba(201,162,78,0.24);
  --glow-medium:rgba(201,162,78,0.15);
  --glow-deep:rgba(201,162,78,0.22);
  --rose-hover-bg:rgba(201,162,78,0.12);
  --hero-glow:rgba(201,162,78,0.18);
  --hero-glow-2:rgba(207,224,195,0.10);
}

/* Smooth crossfade when the theme flips on <html>. */
body,nav,footer,.theme-toggle,.theme-toggle button{
  transition:background-color 0.4s ease,color 0.4s ease,border-color 0.4s ease;
}

/* ============================================================
   HER INNER WARRIOR — unused (data-brand="hiw"). Kept on Mel's
   palette (same as above) so no old rose can come back. Give it its
   own colors here if HIW ever gets a separate brand.
   ============================================================ */
:root[data-brand="hiw"], :root[data-brand="hiw"][data-theme="light"] {
  --bg:#FBF7EE;              /* calm ivory canvas */
  --bg-rgb:251,247,238;
  --bg-up:#F4EBD5;           /* raised band (soft gold) */
  --bg-card:#FFFCF6;         /* card surface */
  --bg-card-h:#FBF7EE;       /* card hover */
  --bdr:rgba(150,118,58,0.18);
  --bdr-h:rgba(150,118,58,0.34);
  --wine:#284139;            /* (unused) emerald */
  --rose:#A8843E;            /* primary: gold (buttons, logo) */
  --rose-g:#D4B46C;          /* lighter gold (button gradient) */
  --rose-l:#8E6E2F;          /* deep gold for links/hover text */
  --rose-rgb:168,132,62;
  --wine-rgb:40,65,57;
  --accent:#284139;          /* green accent: eyebrows, bullets, focus */
  --accent-rgb:40,65,57;
  --cream:#3A3428;           /* headings (warm umber) */
  --tx:#4A443A;              /* body text (soft warm charcoal) */
  --tx-d:#7A715F;            /* muted */
  --tx-f:rgba(58,52,40,0.5); /* faint */
  --cta-tx:#1F1A12;          /* dark text on gold buttons */
  --nav-bg:rgba(251,247,238,0.9);
  --nav-bg-o:rgba(251,247,238,0.97);
  --glow-soft:rgba(168,132,62,0.22);
  --glow-medium:rgba(168,132,62,0.14);
  --glow-deep:rgba(168,132,62,0.22);
  --rose-hover-bg:rgba(168,132,62,0.10);
  --hero-glow:rgba(248,215,148,0.38);
  --hero-glow-2:rgba(212,180,108,0.22);
}
:root[data-brand="hiw"][data-theme="dark"] {
  --bg:#46523F;             /* deep wasabi canvas (lighter than before) */
  --bg-rgb:70,82,63;
  --bg-up:#515E4A;          /* raised band (wasabi) */
  --bg-card:#4E5A47;        /* card surface */
  --bg-card-h:#5A6753;
  --bdr:rgba(201,162,78,0.24);
  --bdr-h:rgba(201,162,78,0.42);
  --wine:#809076;           /* (unused) wasabi */
  --rose:#C9A24E;           /* dark gold (logo, outlines) */
  --rose-g:#B8913F;         /* deeper gold (button gradient) */
  --rose-l:#D9B970;         /* gold for links/hover text */
  --rose-rgb:201,162,78;
  --wine-rgb:128,144,118;
  --accent:#CFE0C3;         /* pale sage green: small accents only */
  --accent-rgb:207,224,195;
  --cream:#F4ECD6;          /* headings (warm ivory) */
  --tx:#ECE9DC;             /* body (soft ivory) */
  --tx-d:#C6CAB8;           /* muted (pale wasabi) */
  --tx-f:rgba(236,233,220,0.55);
  --cta-tx:#1E2219;         /* dark text on gold buttons */
  --nav-bg:rgba(70,82,63,0.9);
  --nav-bg-o:rgba(70,82,63,0.97);
  --glow-soft:rgba(201,162,78,0.24);
  --glow-medium:rgba(201,162,78,0.15);
  --glow-deep:rgba(201,162,78,0.22);
  --rose-hover-bg:rgba(201,162,78,0.12);
  --hero-glow:rgba(201,162,78,0.18);
  --hero-glow-2:rgba(207,224,195,0.10);
}