/*
  THEMES for the MCIU landing page + checkout (palette tests).
  Load:   index.html?theme=<name>   (the checkout keeps the same theme for the visit)
  Reset:  ?theme=default

  A theme only overrides tokens. The default look lives in each page's :root.
  Shared tokens (both pages):
    --accent, --accent-rgb (space-separated, used for every tint/glow), --accent-text (accent readable on dark), --accent-ink (text on accent)
    --bar-bg, --bar-text, --bar-line            top launch-pricing bar
  Landing page (index.html):
    --bg, --surface, --surface-2, --surface-3, --line, --line-2, --text, --muted, --dim
    --btn-bg, --btn-bg-hover, --btn-ink, --btn-ink-muted, --nav-bg, --sticky-bg, --inset, --notif-bg, --notif-line, --shadow-1, --shadow-2
    Claude mockup: set --c-* on  html[data-theme="x"] .cl { ... }  (bg, side, line, text, muted, dim, user, card, seg, seg-on, hover, av, comp-line)
  Checkout (checkout.html):
    left column: --dark, --dark-2, --dark-3, --dline, --dline-2, --dtext, --dmuted, --ddim
    right column: --light, --card, --card-2, --line, --line-2, --text, --muted, --dim, --placeholder
    states: --danger, --danger-ink, --save-ink, --save-bg, --warn-bg, --warn-line, --warn-ink
*/

/* demo: same page, hot pink accent instead of electric blue */
html[data-theme="pink"]{
  --accent:#f0337a;--accent-rgb:240 51 122;--accent-text:#ff8fbd;--accent-ink:#ffffff;
  --bar-bg:#2a0716;--bar-text:#ffe1ee;
  --save-ink:#a8124f;--save-bg:#ffe4ef;
}