/* Retheme here: every color, radius and font used by the app is a token below. */
:root{
  --bg:#f6f4ef; --surface:#ffffff; --surface-2:#efece4; --ink:#1b2333; --ink-2:#5b6474; --line:#e2ddd2;
  --accent:#1f6feb; --accent-ink:#ffffff; --accent-soft:#e3edfd;
  --step1:#d9822b; --step1-soft:#fbeedd; --step2:#7a4fd6; --step2-soft:#efe8fc; --step3:#0f8a8a; --step3-soft:#dcf2f1; --step1b:#c2417a; --step1b-soft:#fbe4ee; --good:#1f9d6b; --good-soft:#e0f4ea; --bad:#c8443a; --bad-soft:#fbe6e4;
  --radius:10px; --radius-lg:16px; --shadow:0 1px 2px rgba(27,35,51,.06),0 4px 16px rgba(27,35,51,.06);
  --font:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* Dark theme: same tokens, applied by data-theme="dark" on <html> (set from the toggle or system preference). */
:root[data-theme="dark"]{
  --bg:#0f141c; --surface:#161d28; --surface-2:#1f2835; --ink:#e8edf4; --ink-2:#9aa6b6; --line:#2a3443;
  --accent:#5b9bff; --accent-ink:#0b1220; --accent-soft:#1b2c47;
  --step1:#f0a050; --step1-soft:#3a2a17; --step2:#a98bf5; --step2-soft:#2c2342; --step3:#3cc3c0; --step3-soft:#123536; --step1b:#f07aae; --step1b-soft:#3a1828;
  --good:#45c58e; --good-soft:#143326; --bad:#f07468; --bad-soft:#3a1c1a; --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);
  --logo-filter:none; color-scheme:dark;
}
:root{--logo-filter:invert(1) hue-rotate(180deg)}