:root{
--ap-black:#0a0a0a;
--ap-off-black:#141414;
--ap-white:#fefaf9;
--ap-paper:#f3efe9;
--ap-red-700:#8f0505;
--ap-red-600:#b20606;
--ap-red-500:#d61f1f;
--ap-red-400:#ff5a4f;
--ap-red-300:#ff7171;
--ap-red-200:#ffa39c;
--ap-red-100:#ffc2c2;
--ap-blue-600:#1c6dd0;
--ap-blue-500:#2f8ce8;
--ap-blue-400:#5fb3ff;
--ap-blue-glow:#7fd8ff;
--ap-violet-500:#7a4fff;
--ap-violet-glow:#c2a5f6;
--ap-mint-glow:#4de8b8;
--ap-magenta-glow:#f48ca2;
--surface-primary:var(--ap-black);
--surface-inverse:var(--ap-white);
--surface-card:var(--ap-off-black);
--surface-paper:var(--ap-paper);
--text-primary:var(--ap-white);
--text-inverse:var(--ap-black);
--text-muted:#9a9a9a;
--text-red:var(--ap-red-500);
--brand-primary:var(--ap-red-600);
--brand-primary-hover:var(--ap-red-500);
--brand-primary-active:var(--ap-red-700);
--brand-secondary:var(--ap-blue-500);
--border-subtle:#2a2a2a;
--border-strong:#3d3d3d;
--focus-ring:var(--ap-red-400);
}