/* Lakeville.ai design tokens — shared across all customer-facing pages.
 *
 * Extracted 2026-05-17 (snapshot /010, audit 010A) after Codex GO-with-refinements.
 * Updated 2026-05-17 (snapshot /011) — added --accent-rgb / --accent-glow.
 * Updated 2026-05-17 (snapshot /012, brand pivot) — palette swap to align with
 * the new circular logo. --primary moved from forest teal #1d4d4f to logo navy
 * #242d66 (29.4% of logo pixels). Cyan tokens added for decoration / focus /
 * hover-glow use; cyan is decoration-only (fails AA on light bg).
 *
 * Canonical fallback stacks (longest superset across the 13 pages) used here.
 */
:root {
  /* Background + surfaces */
  --bg: #f9f7f2;
  --panel: #ffffff;

  /* Text */
  --ink: #0f1c2e;
  --muted: #5b6271;
  --quiet: #636a75;

  /* Brand (navy — matches the logo's dominant color) */
  --primary: #242d66;
  --primary-ink: #f9f7f2;
  --primary-soft: #e7e9f4;
  --primary-rgb: 36, 45, 102;
  --primary-glow: rgba(var(--primary-rgb), 0.10);

  /* Accent (warm copper) */
  --accent: #9f4c2f;
  --accent-soft: #f5e9e1;
  --accent-rgb: 159, 76, 47;
  --accent-glow: rgba(var(--accent-rgb), 0.10);

  /* Brand cyan — the logo's bright cyan #2cc4c5. DECORATION ONLY (fails
   * WCAG AA on light backgrounds). Use for hover glows, focus rings,
   * hero illustration accents, and as a backdrop when paired with
   * white/cream text. Never as link or body-copy color. */
  --brand-cyan: #2cc4c5;
  --brand-cyan-soft: #d8f3f4;
  --brand-cyan-rgb: 44, 196, 197;
  --brand-cyan-glow: rgba(var(--brand-cyan-rgb), 0.18);

  /* Structure */
  --rule: #e8e3d8;
  --shadow-sm: 0 1px 2px rgba(15,28,46,0.04);
  --shadow-md: 0 4px 14px rgba(15,28,46,0.06),
               0 1px 3px rgba(15,28,46,0.04);

  /* Type */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
           system-ui, sans-serif;
}