/**
 * Shared live UI tokens - lifts (/liftovi/), ski centers grid, webcams, etc.
 * Accent colors follow body season (--skim-accent from Resort settings).
 */
.skim-ls-board,
.skim-rc--live-board,
.skim-footer {
	--skim-ui-page-bg: #f0f4f8;
	--skim-ui-surface: #ffffff;
	--skim-ui-surface-muted: #f8fafc;
	--skim-ui-border: #e2e8f0;
	--skim-ui-border-soft: #f1f5f9;
	--skim-ui-text: #334155;
	--skim-ui-heading: #0f172a;
	--skim-ui-title: #1e293b;
	--skim-ui-muted: #64748b;
	--skim-ui-label: #94a3b8;
	--skim-ui-success: #10b981;
	--skim-ui-success-bg: #ecfdf5;
	--skim-ui-success-text: #059669;
	--skim-ui-danger: #ef4444;
	--skim-ui-danger-bg: #fef2f2;
	--skim-ui-danger-text: #dc2626;
	--skim-ui-warning: #f59e0b;
	--skim-ui-warning-bg: #fffbeb;
	--skim-ui-warning-text: #d97706;
	--skim-ui-snow-bg: color-mix(in srgb, var(--skim-accent, #3b82f6) 12%, #fff);
	--skim-ui-snow-fg: var(--skim-accent, #3b82f6);
	--skim-ui-lift-bg: color-mix(in srgb, var(--skim-accent, #6366f1) 10%, #fff);
	--skim-ui-lift-fg: var(--skim-accent, #6366f1);
	--skim-ui-radius: 1rem;
	--skim-ui-radius-sm: 0.75rem;
	--skim-ui-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.04);
	--skim-ui-shadow-md: 0 4px 14px rgb(15 23 42 / 0.08);
	--skim-ui-shadow-lg: 0 12px 32px rgb(15 23 42 / 0.08);
	--skim-ui-edge-pad: clamp(1rem, 2.5vw, 2.25rem);
	--skim-ui-font-label: 0.6875rem;
	--skim-ui-font-body: 0.875rem;
	--skim-ui-font-stat: 1.125rem;
	--skim-ui-font-card-title: 1.125rem;
	--skim-ui-font-board-title: clamp(1.35rem, 2.2vw, 1.75rem);
}