:root{
/* Base neutrals — a black/white/grey foundation inspired by modernist museum branding */
--black:#000000;
--white:#ffffff;
--grey-05:#0a0a0a;
--grey-10:#1a1a1a;
--grey-20:#333333;
--grey-30:#4d4d4d;
--grey-40:#666666;
--grey-50:#808080;
--grey-60:#999999;
--grey-70:#b3b3b3;
--grey-80:#cccccc;
--grey-90:#e6e6e6;
--grey-95:#f2f2f2;
--grey-97:#f7f7f7;
/* Accent red — used sparingly for tickets, alerts, membership-style CTAs */
--accent-red:#e0161c;
--accent-red-dark:#b30f14;
/* Secondary accents used very sparingly, never as the primary brand color */
--accent-yellow:#ffcc00;
--accent-blue:#0057b8;
/* Semantic aliases */
--fg-1:var(--black);
--fg-2:var(--grey-20);
--fg-3:var(--grey-40);
--fg-inverse:var(--white);
--fg-muted:var(--grey-50);
--bg-page:var(--white);
--bg-sunken:var(--grey-97);
--bg-inverse:var(--black);
--surface-card:var(--white);
--surface-card-border:var(--grey-90);
--border-default:var(--grey-80);
--border-strong:var(--black);
--border-subtle:var(--grey-90);
--accent:var(--accent-red);
--accent-hover:var(--accent-red-dark);
--link:var(--black);
--link-hover:var(--accent-red);
--focus-ring:var(--accent-red);
}