/* ── Purpose Health color tokens — light-first (PH v2 amalgamation) ── */
:root{
/* Logo brand palette (from purpose_health_logo_refined.svg) */
--logo-blue:#185FA5;--logo-blue-light:#85B7EB;--logo-blue-pale:#B5D4F4;--logo-compass-blue:#2E6FAE;--logo-green:#1D9E75;--logo-green-deep:#177C5C;
/* Ink + accent scales */
--navy-900:#061028;--navy-800:#0A1735;--navy-700:#0D1B3E;
--ink-900:#10233F;--ink-600:#3D5573;--ink-400:#64809E;
--teal-500:#00C4B3;--teal-600:#00A896;--teal-bright:#2ED9C3;--sky-400:#4FC3F7;--sky-600:#0288C7;--gold-400:#C99B12;
--white:#FFFFFF;--slate-300:#A0B2CC;--slate-500:#6B85A8;
/* Semantic — background surfaces (white field, pale-blue air) */
--bg:#FFFFFF;--bg-2:#F5F9FD;--bg-3:#E8F1FA;
--surface-page:#FFFFFF;--surface-card:#FFFFFF;--surface-raised:#F0F6FC;
/* Semantic — borders */
--border:#D7E5F2;--border-accent:rgba(0,196,179,0.45);--border-faint:rgba(16,35,63,0.07);
/* Semantic — text */
--text:var(--ink-900);--text-2:var(--ink-600);--text-3:var(--ink-400);--heading:var(--logo-blue);--link:var(--logo-blue);
/* Semantic — accents */
--accent:var(--teal-600);--accent-2:var(--sky-600);--gold:var(--gold-400);
/* CTA — teal pill fill with deep-navy label */
--cta:var(--teal-500);--cta-text:var(--navy-900);
/* Compass motifs */
--wm:rgba(24,95,165,0.06);
/* Teal glow system (light: luminous under-shadows) */
--glow:0 8px 32px rgba(0,196,179,0.14),0 2px 8px rgba(24,95,165,0.08);
--glow-strong:0 12px 48px rgba(0,196,179,0.22),0 4px 12px rgba(24,95,165,0.10);
/* Tints */
--accent-tint-04:rgba(0,168,150,0.05);--accent-tint-06:rgba(0,168,150,0.07);--accent-tint-10:rgba(0,168,150,0.12);
--grad-accent:linear-gradient(135deg,var(--teal-600) 0%,var(--logo-blue) 100%);
--grad-featured:linear-gradient(135deg,rgba(0,168,150,0.08) 0%,rgba(2,136,199,0.06) 100%); /* @kind color */
}