:root{--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-secondary:#0f172a;--status-success:#16a34a;--status-warning:#d97706;--status-danger:#dc2626;--status-info:#2563eb;--mastery-weak:#ef4444;--mastery-developing:#f59e0b;--mastery-warm:#10b981;--mastery-master:#3b82f6;--mastery-unknown:#e2e8f0;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-interactive:#2563eb;--space-page-x-mobile:1rem;--space-page-x-desktop:2rem;--space-section-gap:2rem;--space-card-padding:1.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-card:0 1px 3px rgba(0,0,0,.05);--shadow-card-hover:0 4px 12px rgba(0,0,0,.08);--shadow-modal:0 20px 60px rgba(0,0,0,.15)}.dark{--surface-primary:#0f172a;--surface-secondary:#1e293b;--surface-tertiary:#334155;--surface-elevated:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-default:#334155;--border-strong:#475569;--mastery-unknown:#334155;--shadow-card:0 1px 3px rgba(0,0,0,.3);--shadow-card-hover:0 4px 12px rgba(0,0,0,.4);--shadow-modal:0 20px 60px rgba(0,0,0,.5)}