/* GoodHood.SG — colour tokens. Source: Brand Guideline v01 p.3 & p.5; v2 audit unifies teal to the logo spec #18A69B
   and adds accessible text pairs. ROLES: ~70% white/warm surfaces, ~20% teal (brand moments), ~10% accents.
   Teal/mint/yellow are SURFACE colours, never text on white — use --gh-teal-deep for teal text/links (AA). */
:root{
/* Primary palette */
--gh-teal:#18A69B; /* Primary brand colour = logo spec (v01 also printed #1AA79B; unified) */
--gh-teal-logo:#18A69B;
--gh-mint:#B2DFDC;
--gh-yellow:#FFDF86;
--gh-white:#FFFFFF;
/* Secondary palette */
--gh-sand:#F3D6AF;
--gh-coral:#FC5D62;
--gh-clay:#E6A48F;
/* Derived tints/shades (oklch-adjusted from brand teal; not in guideline) */
--gh-teal-dark:#128A80; /* hover/press only — NOT body text */
--gh-teal-deep:#0E6E66; /* AA text/links on white (5.6:1) */
--gh-teal-tint:#E4F4F2;
--gh-mint-tint:#F0F9F8;
--gh-yellow-tint:#FFF6DC;
--gh-coral-dark:#D63A3F; /* AA large text on white */
--gh-coral-tint:#FFE9EA;
/* Ink & neutrals (mono logo is #231F20) */
--gh-ink:#231F20;
--gh-ink-2:#4A4547;
--gh-ink-3:#6E6769; /* darkened in v2: AA on white & warm bg (was #7A7476) */
--gh-ink-4:#ABA5A7;
--gh-line:#E8E4E2;
--gh-bg:#FFFFFF;
--gh-bg-warm:#FAF7F3;
/* Semantic aliases */
--text-heading:var(--gh-ink);
--text-body:var(--gh-ink-2);
--text-muted:var(--gh-ink-3);
--text-on-brand:var(--gh-white);
--text-link:var(--gh-teal-deep);
--surface-page:var(--gh-bg);
--surface-card:var(--gh-white);
--surface-raised:var(--gh-bg-warm);
--surface-brand:var(--gh-teal);
--surface-brand-soft:var(--gh-teal-tint);
--border-default:var(--gh-line);
--border-strong:var(--gh-ink-4);
--accent-positive:var(--gh-teal);
--accent-attention:var(--gh-yellow);
--accent-danger:var(--gh-coral); /* logistics urgency only — never styling around beneficiaries */
--focus-ring:0 0 0 3px rgba(24,166,155,.35);
}