/* JSM 2025 brand palette -- overrides app.css :root. Extracted from the live JSM 2025
   site (css/style.css): #5b0d2d deep maroon body/brand, #f36d21 orange action color
   (hover #f67e44), #74c3e9/#86d1f0 light-blue accents. Loaded after app.css, so these
   win. Only the brand hues are overridden; the neutral structure vars (--line, --muted,
   --card, --shadow, radius) stay as app.css defines them. */
:root{
  --ink:#5b0d2d;        /* JSM 2025 deep maroon (headers, hero base) */
  --ink-2:#6e0f37;      /* lighter maroon (hero gradient second stop, from site) */
  --teal:#f36d21;       /* interactive: links, buttons, active nav -- 2025 orange */
  --teal-d:#c2511a;     /* darker orange (hover + link text on white) */
  --teal-l:#f8a682;     /* light orange tint */
  --coral:#4aa8d8;      /* "pop" accent (badges, save stars, hero dots) -- 2025 sky blue, darkened for contrast */
  --coral-d:#2f88b8;
  --coral-l:#b3ddf2;
  --bg:#f7f1ef;         /* warm off-white page background */
}