:root{
  /* ── Base palette (values transcribed from the .fig) ── */
  --relict-bronze-400:#D59D7A;   /* rgb(213,157,122) — button hover */
  --relict-bronze-500:#C18966;   /* rgb(193,137,102) — primary accent, all icons */
  --relict-olive-600:#988247;    /* rgb(152,130,71) — button symbol base fill */
  --relict-olive-700:#7A6429;    /* rgb(122,100,41) */
  --relict-plum-500:#5D4D63;     /* rgb(93,77,99) — logo wordmark, favicon plate */
  --relict-plum-700:#48364B;     /* rgb(72,54,75) — headings, phone, footer links */
  --relict-plum-900:#221824;     /* rgb(34,24,36) — body copy */
  --relict-ink-800:#303738;      /* rgb(48,55,56) — mobile CTA heading */
  --relict-teal-700:#105267;     /* rgb(16,82,103) */
  --relict-sand-400:#B0A498;     /* rgb(176,164,152) */
  --relict-stone-200:#EAE3DA;    /* rgb(234,227,218) — soft stroke */
  --relict-gray-300:#D9D9D9;
  --relict-gray-500:#7B7B7B;     /* close glyph */
  --relict-off-white:#FBFBFB;    /* rgb(251,251,251) — page ground */
  --relict-white:#FFFFFF;
  --relict-black:#000000;

  /* ── Semantic aliases ── */
  --surface-page:var(--relict-off-white);
  --surface-card:var(--relict-white);
  --surface-plate:var(--relict-plum-500);

  --text-heading:var(--relict-plum-700);
  --text-body:var(--relict-plum-900);
  --text-contrast:var(--relict-white);
  --text-link:var(--relict-plum-700);
  --text-accent:var(--relict-bronze-500);
  --text-muted-opacity:0.6;   /* hero subtitle */
  --text-soft-opacity:0.8;    /* modal body */
  --text-faint-opacity:0.5;   /* fine print, field placeholders, kicker */

  --accent:var(--relict-bronze-500);
  --accent-hover:var(--relict-bronze-400);
  --icon-accent:var(--relict-bronze-500);

  --rule:rgba(0,0,0,0.1);          /* 0.5px hairline between rows */
  --field-border:rgba(0,0,0,0.15);
  --stroke-soft:var(--relict-stone-200);
}