/* AlbertaTaxSales theme — token overrides for the shared frontend.
 *
 * HOW IT WORKS
 *   The core styles.css defines a semantic token system in :root where the
 *   PRIMARY brand colour is the (historically green) `--green*` family and
 *   everything references it via var(). Status tokens (open/info/soon/etc.)
 *   alias those, so overriding the token VALUES here re-skins the whole app with
 *   no markup changes.
 *
 *   Load order matters: include this AFTER styles.css so these win.
 *     <link rel="stylesheet" href="/static/styles.css">
 *     <link rel="stylesheet" href="/static/theme-alberta.css">   <-- Alberta
 *
 * IDENTITY  Alberta BARN RED primary + prairie GOLD accent (gold is the family
 *   thread shared with SaskTaxSales; Sask green vs. Alberta red is the
 *   differentiator). Warm neutrals so greys don't read cold under the red.
 *   NOT sports colours (Flames red is brighter/pinker; this is an earthy barn
 *   red). Same layout as SaskTaxSales; only the paint + copy change.
 *
 * NOTE  The satellite card generator (work/card-shot.js) hard-codes the wordmark
 *   colours in JS — update those to the primary/accent below for Alberta cards.
 *
 * The `--green*` token NAMES are kept (they hold red now) to keep the diff to a
 * value-only override. A later shared-core refactor can rename --green → --brand.
 */

:root {
  /* --- PRIMARY brand: barn red (aligned exactly to the logo: #9b2f22 / #6e1e14) --- */
  --green:        #9b2f22;   /* primary — buttons, active, logomark, prices, "available" pins */
  --green-700:    #85271d;   /* hover / pressed */
  --green-800:    #6e1e14;   /* deep — dark CTA band, "open for bids" / selected pin */
  --green-ink:    #9b2f22;   /* primary text on light (prices, "Open for bids") */
  --green-tint:   #f7ede9;   /* "Open for bids" pill / surface fill (red-tinted) */
  --green-tint-2: #e3bcb3;   /* "Open for bids" chip border */

  /* --- LINKS + info/"Available"/tax-title accent: warm clay (reads related to red) --- */
  --blue:         #b8562f;   /* links, "Available", tax-title chips */
  --blue-700:     #9c4626;   /* link hover */
  --blue-tint:    #f8ece6;
  --blue-tint-2:  #ecccbd;

  /* --- ACCENT: prairie gold. Powers the "closing soon" / "days left" chip so the
   * accent has a functional home in the UI. Alberta-only value; Sask untouched. */
  --accent:       #c99a3b;
  --accent-deep:  #a87e28;
  --accent-tint:  #f7efdc;

  /* --- Surfaces: warmed vs. the SK cool greys so they sit well under red --- */
  --paper:    #f6f4f0;   /* app background */
  --surface:  #ffffff;   /* cards, panels */
  --cream:    #f7ede9;   /* selected listing card bg (red-tinted) */
  --ink:      #2a201d;   /* headings + body (warm near-black) */

  /* --- Focus ring follows the new primary --- */
  --focus-ring: 0 0 0 3px rgba(154,46,34,.35);

  /* --- Closing-soon chip → the brand gold accent (pin/rail).
   * ink kept dark for legibility; bg/line stay the warm gold tints. --- */
  --status-soon-accent: #c99a3b;
  --status-soon-ink:    #8a6a2f;

  /* Status tokens cascade automatically:
   *   status-open  -> green-tint/ink  (now barn red)
   *   status-info  -> blue            (tax-title/available, now clay)
   *   status-soon  -> gold accent     (shared family thread)
   *   status-closed-> neutral grey    (unchanged) */
}

/* Optional: if the header logomark is an inline SVG that used the green fill
 * directly (not the token), point it at the new primary here, e.g.
 * .brand-logo path { fill: var(--green); } — verify against the AB markup. */