/* Legacy tokens (old variable names) so legacy interior page CSS keeps
   working until each page is redesigned. Order in base.html:
     fonts.css -> legacy-tokens.css -> legacy-base.css -> legacy-pages.css
     -> tokens.css -> base.css -> pages.css
   New tokens.css loads AFTER, so the new --navy, --gold, --cream, --ease
   values win where both define the same name. Legacy-only variables
   (--navy-d, --gold-l, --mut, --label, --pad, --maxw, --s1..--s7,
   --on-navy*, --util-fg, --navy-grad, --serif, --sans) live here.

   IMPORTANT: --serif and --sans are rewritten to point to the redesign's
   self-hosted families (Cormorant Garamond, Hanken Grotesk). The legacy
   site used Libre Caslon + Public Sans, which were deleted. */

:root{
  /* Legacy navy + gold shades not overlapping new tokens */
  --navy-d:#13203a;
  --gold-l:#d8b870;
  --navy-grad:#1f3052;

  /* Legacy ink + muted + label colors */
  --mut:#5a5648;
  --mut-d:#9a9384;
  --label:#7a6a45;
  --label-d:#6a5a38;
  --ink-soft:#3a382f;

  /* Legacy on-navy text shades (footer + dark CTA bands) */
  --on-navy:#cdd5e6;
  --on-navy-d:#aeb8cc;
  --on-navy-k:#8893a8;
  --on-navy-soft:#bcc5d6;
  --on-navy-line:#c2cadd;
  --util-fg:#cdd5e3;

  /* Legacy spacing scale */
  --pad:clamp(22px,5vw,76px);
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;
  --maxw:1240px;

  /* Map legacy font variables to the redesign's self-hosted families.
     Old site used Libre Caslon + Public Sans (deleted); use the new
     Cormorant Garamond + Hanken Grotesk in their place. */
  --serif:"Cormorant Garamond","Cormorant Garamond Fallback",Georgia,serif;
  --sans:"Hanken Grotesk","Hanken Grotesk Fallback",-apple-system,Arial,sans-serif;
}