:root{
/* Base palette — the only 4 brand colors */
--wf-red:#A41F28;
--wf-yellow:#FFAE0D;
--wf-white:#FFFFFF;
--wf-black:#1D1D1B;
/* Derived shades: tone-on-tone extrusion (red surfaces), wordmark rim, wordmark outer shadow */
--wf-red-deep:#8A1A22;
--wf-yellow-deep:#E9930B; /* @kind color */
--wf-gray-shadow:#D9DBDD; /* @kind color */
/* Semantic — surfaces (hierarchy 60/30/7/3: red dominates, yellow blocks, white air, black details) */
--surface-primary:var(--wf-red);
--surface-block:var(--wf-yellow);
--surface-paper:var(--wf-white);
--surface-ink:var(--wf-black);
/* Semantic — text pairings (hard rules) */
--text-on-red:var(--wf-white);
--text-on-yellow:var(--wf-black);
--text-on-white:var(--wf-black);
--text-accent-on-white:var(--wf-red);
--text-on-black:var(--wf-white);
/* Ink for lines, borders, icons */
--ink:var(--wf-black);
--border-color:var(--wf-black);
}