/**
 * Design tokens: the single source of truth for color and type. Values come from
 * the approved prototype (Savvi Legal — Website Prototype & Assets — 2026-10-14).
 * Styles reference these variables, never raw hex values.
 */
:root {
  /* Brand */
  --color-ink: #18343c;
  --color-muted: #53676d;
  --color-paper: #f7f7ef;
  --color-line: #ced5ce;
  --color-blue: #c9e2ed;
  --color-lime: #e3edb5;
  --color-white: #fff;

  /* Interaction */
  --color-focus: #217798;
  --color-accent: #4089a9; /* hero eyebrow dot */
  --color-link-hover: #247697;
  --color-link-underline: #8fa9ad;
  --color-outline: #a4b7b6; /* "Get Started" and "Menu" outlines */
  --color-ink-hover: #2d5360; /* primary button hover */
  --color-lime-hover: #f0f5d7; /* light button hover */

  /* Hero art */
  --color-journey: #698f9d; /* journey line and chapter numbers */
  --color-chapter-note: #47636c;
  --color-art-rule: #a2c4d1;

  /* Our Attorneys */
  --color-firm-bg: #e9ece2;
  --color-rule-strong: #b4c2b7;
  --color-portrait-border: #a8b8ac;

  /* The Software */
  --color-route: #385762;

  /* Text and rules on the ink (Get Started) section */
  --color-on-ink: #c1d0cd;
  --color-on-ink-muted: #adbfbc;
  --color-on-ink-rule: #4b636a;

  /* Type: no web fonts, by design */
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}