/* Shared warm base 4. Gradients are resolved tokens, never customer-supplied CSS. */
body { background-image: var(--background-page, none); background-attachment: fixed; }
:root[data-theme-base="4"] .shell.club-shell { background: transparent; }
:root[data-theme-base="4"] .sidebar { background: var(--background-sidebar); }
:root[data-theme-base="4"] .club-shell .workspace { background: transparent; }
:root[data-theme-base="4"] .topbar { background: transparent; }
:root[data-theme-base="4"] .panel,
:root[data-theme-base="4"] .metric,
:root[data-theme-base="4"] .dashboard-stat,
:root[data-theme-base="4"] .tournament-card,
:root[data-theme-base="4"] .poker-table { background: var(--background-surface); border-color: var(--color-border-subtle); }
:root[data-theme-base="4"] .club-shell .club-search,
:root[data-theme-base="4"] .club-shell .quick-action,
:root[data-theme-base="4"] .period-tabs,
:root[data-theme-base="4"] .venue-filter,
:root[data-theme-base="4"] .date-range { background: color-mix(in srgb, var(--color-bg-subtle) 65%, transparent); border-color: var(--color-border-subtle); }
:root[data-theme-base="4"] .club-shell .brand-mark { background: var(--color-action-primary); box-shadow: none; }
:root[data-theme-base="4"] .club-shell .nav button.active { background: color-mix(in srgb, var(--color-action-primary) 18%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-action-primary) 22%, transparent); }
:root[data-theme-base="4"] .club-shell .nav button.active::before { box-shadow: none; }
:root[data-theme-base="4"] .club-shell .badge.success { color: var(--color-chart-success); background: color-mix(in srgb, var(--color-action-primary) 18%, var(--color-bg-surface)); }
:root[data-theme-base="4"] .club-shell .badge.info { background: var(--color-bg-subtle); }
:root[data-theme-base="4"] .dot { background: var(--color-chart-success); }
:root[data-theme-base="4"] a,
:root[data-theme-base="4"] .club-shell .today-panel .btn.ghost { color: var(--color-action-link); }
:root[data-theme-base="4"] .display-page,
:root[data-theme-base="4"] .clock-panel { background: var(--color-display-bg); color: var(--color-display-text); }