:root{
/* base neutrals */
--gray-1000:#000000;
--gray-950:#050505;
--gray-900:#0a0a0a;
--gray-700:#2a2a2a;
--gray-500:#818181;
--gray-300:#c4c4c4;
--gray-0:#ffffff;
/* base accent + glow */
--green-500:#22c55e;
--green-600:#1ea852;
--blue-500:#2f5fe0;
--indigo-900:#0f002c;
--indigo-950:#010140;
--amber-500:#f59e0b;
--red-500:#ef4444;

/* semantic: surfaces */
--bg-void:var(--gray-950);
--bg-black:var(--gray-1000);
--bg-paper:var(--gray-0);
--bg-glow-start:var(--indigo-900);
--bg-glow-end:var(--indigo-950);

/* semantic: text */
--text-on-dark:var(--gray-0);
--text-on-light:var(--gray-900);
--text-muted:var(--gray-500);
--text-muted-on-light:#5c5c5c;

/* semantic: structure */
--border-hairline:var(--gray-700);
--border-hairline-on-light:#e2e2e2;

/* semantic: accent + state */
--accent-green:var(--green-500);
--accent-green-strong:var(--green-600);
--accent-blue:var(--blue-500);
--state-success:var(--green-500);
--state-warning:var(--amber-500);
--state-error:var(--red-500);
}