:root{
/* ---- Base palette ---------------------------------------------------- */
--color-ink:#000000;
--color-canvas:#F8F3EC;
--color-white:#FFFFFF;

/* Pastel accents — the five-colour rotation that carries the whole brand */
--color-yellow:#FFE066;
--color-green:#95E1D3;
--color-blue:#A2D2FF;
--color-coral:#FF6B5B;
--color-purple:#B8C0FF;

/* Neutrals (slate ramp, used for secondary copy only) */
--color-slate-200:#E2E8F0;
--color-slate-400:#94A3B8;
--color-slate-700:#334155;
--color-slate-800:#1E293B;
--color-slate-900:#0F172A;

/* Status */
--color-emerald:#10B981;
--color-rose:#FB7185;

/* ---- Semantic aliases ------------------------------------------------ */
--surface-page:var(--color-canvas);
--surface-card:var(--color-white);
--surface-raised:var(--color-white);
--surface-inverse:var(--color-ink);
--surface-accent:var(--color-yellow);

--text-body:var(--color-ink);
--text-strong:var(--color-ink);
--text-muted:var(--color-slate-700);
--text-subtle:var(--color-slate-400);
--text-inverse:var(--color-white);
--text-link:var(--color-ink);

--border-ink:var(--color-ink);
--border-inverse:var(--color-white);

--accent-primary:var(--color-coral);
--accent-highlight:var(--color-yellow);
--accent-calm:var(--color-green);
--accent-cool:var(--color-blue);
--accent-soft:var(--color-purple);

--status-live:var(--color-rose);
--status-online:var(--color-emerald);

--selection-bg:var(--color-yellow);
--selection-fg:var(--color-ink);
}