/* THEME-SURFACES-V1 (2026-07-28) — the missing "last mile" of the template engine.
 *
 * The [data-template] blocks in design-tokens.css already flip the semantic surface tokens
 * (--bg / --surface / --card / --line), but the pages paint themselves with the raw Tailwind
 * utilities (bg-white / bg-gray-50 / border-gray-200), which are hard-coded hex — so a dark
 * template (midnight / arena) never reached the pixels. This sheet repoints those surface
 * utilities at the tokens, loaded AFTER tailwind.css so it wins by source order.
 *
 * NO REGRESSION: on the default (Classic) template the token values are byte-identical to the
 * Tailwind literals — --bg=#f9fafb (gray-50), --surface=#fff (white), --line=#e5e7eb (gray-200).
 * So a tenant on the default look sees ZERO change; only an explicit dark template darkens.
 * Nothing dynamic is hard-coded — the colour still comes from whatever template is active. */

.bg-white      { background-color: var(--surface); }
.bg-gray-50    { background-color: var(--bg); }
.border-gray-200 { border-color: var(--line); }
.border-gray-100 { border-color: color-mix(in srgb, var(--line), var(--surface) 45%); }