:root[data-theme=light],:root:not([data-theme]){color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-app: #f5f7fa;--bg-elevated: #ffffff;--bg-hover: #f8f9fa;--bg-active: #e9ecef;--bg-card: var(--bg-elevated);--bg-muted: var(--bg-secondary);--bg-gradient: radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb, var(--accent-primary) 18%, transparent) 0%, transparent 60%), radial-gradient(1000px 520px at -10% 8%, color-mix(in srgb, var(--accent-primary) 10%, transparent) 0%, transparent 55%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) 8%, var(--bg-app)) 0%, var(--bg-app) 45%, var(--bg-primary) 100%);--text-primary: #212529;--text-secondary: #555b62;--text-tertiary: #676c71;--text-inverse: #ffffff;--role-surface-bg: var(--bg-primary);--role-surface-fg: var(--text-primary);--role-surface-inverse-bg: #0a0a0f;--role-surface-inverse-fg: #e6edf3;--role-warning-fg: #3d2e00;--role-warning-ink: color-mix(in srgb, var(--accent-warning) 54%, var(--text-primary));--role-success-fg: #052e16;--role-success-ink: color-mix(in srgb, var(--accent-success) 54%, var(--text-primary));--role-primary-fg: #ffffff;--role-info-fg: #ffffff;--role-danger-fg: #ffffff;--border-color: rgba(0, 0, 0, 0.05);--border-light: rgba(0, 0, 0, 0.03);--border-subtle: var(--border-light);--border-medium: rgba(0, 0, 0, 0.05);--border-strong: rgba(0, 0, 0, 0.08);--control-bg: #ffffff;--control-bg-hover: #f8f9fa;--control-bg-active: #e9ecef;--control-border: #dee2e6;--control-text: #212529;--control-text-secondary: #555b62;--control-active: #4f46e5;--bg-input: var(--control-bg);--status-before-start: #ffeb3b;--status-before-start-border: #fbc02d;--status-before-start-hover: #fdd835;--status-processing: #2196f3;--status-processing-border: #1976d2;--status-processing-hover: #1976d2;--status-processing-text: #ffffff;--status-error: #f44336;--status-error-border: #d32f2f;--status-error-hover: #d32f2f;--status-error-text: #ffffff;--bg-menu: var(--bg-elevated);--bg-user-info: var(--bg-elevated);--bg-assistant: var(--bg-elevated);--bg-view: var(--bg-elevated);--bg-console: var(--bg-elevated);--bg-header: var(--bg-elevated);--bg-view-controls: var(--bg-secondary);--skeleton-bg: #d0d0d0;--text-on-accent: #ffffff;--color-purple: #7c3aed;--color-purple-bg: #ede9fe;--color-purple-text: #5b21b6;--color-pink: #ec4899;--color-tag-purple-bg: #f3e8ff;--color-tag-purple-text: #9333ea;--color-tag-green-bg: #dcfce7;--color-tag-green-text: #16a34a;--color-tag-red-bg: #fee2e2;--color-tag-red-text: #dc2626;--color-tag-orange-bg: #fed7aa;--color-tag-orange-text: #ea580c;--color-tag-teal-bg: #ccfbf1;--color-tag-teal-text: #0d9488;--color-tag-pink-bg: #fce7f3;--color-tag-pink-text: #db2777}