:root{
--gray-0:#ffffff;
--gray-50:#f7f7f6;
--gray-100:#eeeeec;
--gray-200:#dcdcda;
--gray-300:#bcbcba;
--gray-400:#8f8f8d;
--gray-500:#6b6b6a;
--gray-600:#555555;
--gray-700:#3d3d3d;
--gray-800:#272727;
--gray-900:#181818;
--red-500:#a92a28;
--red-600:#8f2220;
--red-700:#731c1a;
--red-100:#f7e4e3;
--green-600:#2f6d4f;
--amber-600:#a06a1f;
--bg-page:var(--gray-0);
--bg-subtle:var(--gray-50);
--bg-inverse:var(--gray-900);
--surface-card:var(--gray-0);
--surface-card-border:var(--gray-200);
--text-primary:var(--gray-900);
--text-secondary:var(--gray-600);
--text-muted:var(--gray-400);
--text-inverse:var(--gray-0);
--text-on-red:var(--gray-0);
--accent:var(--red-500);
--accent-hover:var(--red-600);
--accent-active:var(--red-700);
--accent-tint:var(--red-100);
--border-default:var(--gray-200);
--border-strong:var(--gray-400);
--focus-ring:var(--gray-900);
--status-success:var(--green-600);
--status-warning:var(--amber-600);
--status-danger:var(--red-600);
}