/* =============================================================
 * Measurely — base stylesheet: canonical brand tokens
 * -------------------------------------------------------------
 * Single source of truth for brand colors. These were previously
 * copy-pasted into every page's inline <style> and had DRIFTED
 * (different variable-name sets per page); see
 * docs/REFACTOR-FINDINGS.md.
 *
 * The values here are the canonical brand palette (see CLAUDE.md
 * "Brand colors"). Multiple alias names map to the same value so
 * any page — estimators (--mut/--accent2/--panel2) or content
 * pages (--gray/--secondary/--surface/--border) — can drop its
 * inline :root and resolve every token from this file.
 *
 * USAGE: link in <head> BEFORE the page's inline <style> so any
 * page-specific rules still override:
 *     <link rel="stylesheet" href="assets/base.css">
 *
 * Wired into fence-estimator first (its inline :root removed);
 * roll out to the remaining pages by adding the link and deleting
 * their inline :root block (all observed values are canonical, so
 * removal is a visual no-op — verify each page before removing).
 * ============================================================= */
:root{
  /* Surfaces (white) */
  --bg:#FFFFFF;
  --surface:#FFFFFF;
  --panel2:#FFFFFF;

  /* Surfaces (light gray panels) */
  --panel:#F1F5F9;
  --mist:#F1F5F9;

  /* Lines / borders */
  --line:#E2E8F0;
  --border:#E2E8F0;

  /* Text */
  --ink:#1E293B;
  --mut:#64748B;
  --gray:#64748B;

  /* Brand — primary blue */
  --primary:#1F6FEB;
  --accent2:#1F6FEB;
  --primary-dark:#1A4E8A;

  /* Brand — green (good / secondary) */
  --good:#2E9E5B;
  --secondary:#2E9E5B;

  /* Brand — amber accent */
  --accent:#F5A623;
}
