/* Shared design tokens — single source of truth for every page.
   Values mapped to the Rhema Design System Suite (tokens/colors.css):
   teal "ink" ramp for structure/dark, coral for human moments, sky as the
   quiet cool accent, teal-leaning neutrals. Token NAMES are unchanged so the
   whole site adopts the standard at once. */
:root{
  --white:#FFFFFF;
  --mist:#E2EFEF;        /* mint-100 — cool section tint */
  --gray:#EFF3F2;        /* gray-100 — neutral section (teal-leaning, not warm) */
  --ink:#0C2E30;         /* ink-950 — deepest teal; display text + dark structure (never pure black) */
  --dark:#0C2E30;        /* ink-950 — dark section background */
  --dark-2:#08221F;
  --muted:#63726F;       /* gray-500 — muted text */
  --muted-d:#9DBBBB;     /* muted text on dark/ink surfaces */
  --line:#DFE7E5;        /* gray-200 — hairline borders */
  --line-d:rgba(255,255,255,0.14);
  --accent:#2A6E72;      /* ink-700 — primary brand teal (structural: kickers, tabs, marks) */
  --accent-deep:#194E52; /* ink-800 */
  --accent-soft:#DEEBEB; /* teal-100 — soft teal fill */
  --accent-line:rgba(42,110,114,0.55);
  --brand-bright:#4E9298;/* ink-500 — bright teal accent on dark surfaces */
  --coral:#E58063;       /* signature accent — human moments, CTAs highlights, used sparingly */
  --coral-deep:#C15E42;  /* deeper coral for text/detail on light */
  --coral-soft:#FBEDE6;  /* coral-100 — soft coral fill */
  --sky:#7FB0BD;         /* quiet cool accent — data / secondary marks */
  --body:#1D2726;        /* gray-800 — body copy */
}