/* Lakeshore Advisors — Color tokens
   Palette pulled directly from the Financial Clarity one-pager.
   A warm, sophisticated nautical palette: deep navy, gold (brass),
   warm paper neutrals, and steel/mist blues for support. */

:root {
  /* ---- Brand core ---- */
  --navy: #21385A;          /* primary brand color; headings, hub, bands */
  --navy-deep: #16273E;     /* darker navy; deep backgrounds */
  --accent: #B08E5A;        /* brass / gold; rules, borders, eyebrows, medallions */

  /* ---- Support blues ---- */
  --steel: #5E83A8;         /* mid blue */
  --mist: #AFC4D6;          /* light blue; muted text on navy */

  /* ---- Warm paper neutrals ---- */
  --paper: #F5F3EE;         /* primary surface (page) */
  --paper-2: #EFEAE0;       /* secondary surface (medallion fill, cards) */

  /* ---- Ink / text ---- */
  --ink: #2B2F35;           /* body text */
  --muted: #5C636E;         /* secondary / meta text */

  /* ---- Hairlines ---- */
  --line: rgba(176, 142, 90, .55);   /* gold hairline rule */
  --line-soft: rgba(176, 142, 90, .30);

  /* ====================================================== */
  /* Semantic aliases                                       */
  /* ====================================================== */

  /* Surfaces */
  --surface-page: var(--paper);
  --surface-card: var(--paper);
  --surface-sunken: var(--paper-2);
  --surface-inverse: var(--navy);
  --surface-inverse-deep: var(--navy-deep);

  /* Text */
  --text-heading: var(--navy);
  --text-body: var(--ink);
  --text-muted: var(--muted);
  --text-eyebrow: var(--accent);
  --text-on-inverse: #eef3f7;
  --text-on-inverse-muted: var(--mist);

  /* Lines & borders */
  --border-rule: var(--line);
  --border-medallion: var(--accent);

  /* Accents */
  --accent-rule: var(--accent);   /* the 3px gold rule under mastheads */
  --focus-ring: var(--steel);
}