:root{
/* Base palette (from stodola-web theme code + XD homepage) */
--yellow:#FDCB35; /* brand yellow — buttons, accents, logo block */
--yellow-bright:#FFD200; /* signage/livery yellow */
--gold:#E0C882; /* legacy gold (WP .btn-gold) */
--red:#D3271D; /* accent red — Express sublogo, alerts */
--ink:#131313; /* primary text (custom.css body) */
--black:#000000;
--white:#FFFFFF;
--charcoal:#1D1D1B; /* dark surfaces: chips, tiles, footer */
--gray-600:#4C4C4E; /* secondary text (panel.css) */
--gray-300:#CCCCCC; /* hairlines (reset hr) */
--peach:#F8F8F8; /* light section bg ($peach) */
--gray-100:#F5F5F5; /* alt light bg */
/* Semantic aliases */
--surface-page:var(--white);
--surface-alt:var(--gray-100);
--surface-dark:var(--charcoal);
--surface-card:var(--white);
--text-body:var(--ink);
--text-secondary:var(--gray-600);
--text-inverse:var(--white);
--accent-primary:var(--yellow);
--accent-danger:var(--red);
--border-hairline:var(--gray-300);
--border-strong:var(--black);
}