/* Compatibility layer for existing page-specific styles that still use club variables. */
:root {
    --club-surface: var(--ui-surface);
    --club-surface-soft: var(--ui-bg-soft);
    --club-text: var(--ui-text);
    --club-muted: var(--ui-text-muted);
    --club-border: var(--ui-border);
    --club-shadow: var(--ui-shadow-md);
}

body {
    color: var(--club-text);
}