:root{
/* base — from DESIGN.md */
--white:#FFFFFF;
--gray-50:#F5F5F7;
--ink-1:#1D1D1F;
--ink-2:#6E6E73;
--night-1:#0A0A0C;
--night-2:#101114;
--blue-500:#0071E3;
--line-1:#D2D2D7;
/* derived (not in brief) */
--blue-600:#0062C3;
--blue-on-dark:#2997FF;
--ink-on-dark-1:#F5F5F7;
--ink-on-dark-2:#A1A1A6;
--line-on-dark:#2A2A2E;
--danger:#C7302B;
/* semantic */
--surface-page:var(--white);
--surface-alt:var(--gray-50);
--surface-dark:var(--night-1);
--surface-dark-raised:var(--night-2);
--surface-card:var(--gray-50);
--surface-card-dark:var(--night-2);
--text-primary:var(--ink-1);
--text-secondary:var(--ink-2);
--text-on-dark:var(--ink-on-dark-1);
--text-on-dark-secondary:var(--ink-on-dark-2);
--accent:var(--blue-500);
--accent-hover:var(--blue-600);
--accent-on-dark:var(--blue-on-dark);
--text-on-accent:var(--white);
--border-default:var(--line-1);
--border-dark:var(--line-on-dark);
}