:root{
--black:#000000;
--near-black:#0a0a0a;
--gray-950:#111111;
--gray-900:#161616;
--gray-850:#1c1c1c;
--gray-800:#232323;
--gray-700:#2e2e2e;
--gray-600:#3d3d3d;
--gray-500:#5c5c5c;
--gray-400:#7a7a7a;
--gray-300:#a3a3a3;
--gray-200:#c9c9c9;
--gray-100:#e8e8e8;
--white:#f7f7f5;

--bg-page:var(--black);
--bg-section-alt:var(--near-black);
--bg-card:var(--gray-900);
--bg-card-hover:var(--gray-850);
--bg-badge:var(--gray-800);
--bg-badge-hover:var(--gray-700);

--border-subtle:rgba(255,255,255,0.06);
--border-default:rgba(255,255,255,0.10);
--border-strong:rgba(255,255,255,0.18);
--line-accent:rgba(255,255,255,0.05);

--text-heading:var(--white);
--text-body:var(--gray-300);
--text-label:var(--gray-400);
--text-muted:var(--gray-500);
--text-on-light:var(--black);

--focus-ring:rgba(255,255,255,0.35);
}