:root{--profile-banner-from:#6d28d9;--profile-banner-to:#f59e0b;--surface-soft:#f8fafc;--surface-card:#ffffff;--text-strong:#0f172a;--text-muted:#475569;--magA-bg:#fafafa;--magA-fg:#111827;--magA-accent:#eab308;--magA-border:#e5e7eb;--magB-bg:linear-gradient(180deg,#f9fafb,#eef2ff);--magB-fg:#111827;--magB-accent:#6366f1;--magB-border:#e0e7ff;--magC-bg:#fff7ed;--magC-fg:#1f2937;--magC-accent:#ea580c;--magC-line:rgba(0,0,0,0.06)}.dark{--surface-soft:#0f1115;--surface-card:#12151b;--text-strong:#e5e7eb;--text-muted:#a1a1aa;--magA-bg:#1c1c1e;--magA-fg:#fafafa;--magA-accent:#fbbf24;--magA-border:#2d2d2f;--magB-bg:linear-gradient(180deg,#2b2e35,#171a1f);--magB-fg:#f8fafc;--magB-accent:#818cf8;--magB-border:#3b3f4a;--magC-bg:#0f172a;--magC-fg:#f8fafc;--magC-accent:#fb923c;--magC-line:rgba(255,255,255,0.06)}.profile-banner-gradient{background:linear-gradient(to right,var(--profile-banner-from),var(--profile-banner-to))}.surface-soft-bg{background-color:var(--surface-soft)}.surface-card-bg{background-color:var(--surface-card)}.text-strong{color:var(--text-strong)}.text-muted{color:var(--text-muted)}