/** * hub-theme.css — Tema chiaro/scuro hub CodeGameLab. * Dark = default su :root; light sovrascrive con [data-theme="light"] su . */ :root, [data-theme="dark"] { color-scheme: dark; --hub-bg: #0f1117; --hub-surface: #1a1d27; --hub-surface-2: #12151f; --hub-surface-hover: #222636; --hub-border: #2a2d3d; --hub-border-subtle: #1e2130; --hub-text: #e2e8f0; --hub-text-muted: #64748b; --hub-accent: #6366f1; --hub-accent-hover: #818cf8; --hub-accent-soft: rgba(99, 102, 241, 0.12); --hub-nav-bg: #161922; --hub-nav-border: #2a2d3d; --hub-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); --hub-danger: #ef4444; --hub-danger-soft: rgba(239, 68, 68, 0.15); --hub-success: #22c55e; --hub-warning: #eab308; } [data-theme="light"] { color-scheme: light; --hub-bg: #f1f5f9; --hub-surface: #ffffff; --hub-surface-2: #f8fafc; --hub-surface-hover: #f1f5f9; --hub-border: #e2e8f0; --hub-border-subtle: #f1f5f9; --hub-text: #0f172a; --hub-text-muted: #64748b; --hub-accent: #4f46e5; --hub-accent-hover: #6366f1; --hub-accent-soft: rgba(79, 70, 229, 0.08); --hub-nav-bg: #ffffff; --hub-nav-border: #e2e8f0; --hub-shadow: 0 1px 3px rgba(15, 23, 42, 0.08); --hub-danger: #dc2626; --hub-danger-soft: rgba(220, 38, 38, 0.1); --hub-success: #16a34a; --hub-warning: #ca8a04; } html, body { background-color: var(--hub-bg); color: var(--hub-text); }