/* Shared color tokens -- one file so a palette tweak here applies to every
   page instead of needing a find-and-replace across ~20+ templates (each of
   which used to define these identically inline). Same pattern as nav.css
   for the shared nav bar. Linked from <head> BEFORE each page's own <style>
   block, so a page can still locally override a token (e.g. order.html and
   lead.html override --accent back to blue for the Direct/Buy-Resell job-
   type toggle -- that's a status color, not branding, so it's exempt from
   the site-wide red). Page-specific tokens (--lost, --paid, --won, --danger,
   etc.) still live in each template's own <style> block, not here -- this
   file only holds the tokens every page defines identically.

   --accent reads var(--site-accent-light/-dark, <default>) instead of a
   plain hex -- those two custom properties are set on :root by the admin-
   configurable Colors tab (see the SiteColorSettings-fed <style> block at
   the top of templates/partials/nav.html, and _derive_dark_accent in
   app.py). When no admin override exists yet, --site-accent-light/-dark are
   simply undefined and the fallback (today's brand red) applies -- same
   var()-with-fallback pattern already used for order.html/lead.html's own
   override, just one level up. */
:root {
  --bg: #f4f5f7;
  --card-bg: #ffffff;
  --border: #dfe1e6;
  --text: #172b4d;
  --text-light: #5e6c84;
  --hover-bg: #e9eaed;
  /* General action color -- tabs/subtabs, primary buttons ("+New", "Add
     Note", "Autofill", etc.), links, focus rings: anything that reads
     var(--accent). Brand red, matching the logo mark in nav.css. */
  --accent: var(--site-accent-light, #e82327);
}
:root[data-theme="dark"] {
  --bg: #121212;
  --card-bg: #1c1c1c;
  --border: #333333;
  --text: #e8e8e8;
  --text-light: #9a9a9a;
  --hover-bg: #2a2a2a;
  /* Pure red hues read as pink/salmon once lightened much past ~55-60% HSL
     lightness (unlike blue, which still reads as "blue" when lightened) --
     so the dark-mode accent stays closer to the light-mode red's own
     lightness/saturation instead of being brightened the way the old blue
     accent was, which is what kept it looking like true red instead of a
     pastel. */
  --accent: var(--site-accent-dark, #f03e3e);
}