[data-theme="light"] {
    --accent: #2563eb;
    --accent-2: #4f46e5;
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;
    --bg-base: #f4f6fa;
    --bg-dark: #ffffff;
    --bg-darker: #ffffff;
    --bg-light: #f4f6fa;
    --surface: rgba(255, 255, 255, 0.92);
    --surface-raised: #f8fafc;
    --surface-border: rgba(15, 23, 42, 0.1);
    --text-light: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --border-color: rgba(15, 23, 42, 0.1);
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 32px rgba(15, 23, 42, 0.1);
    --color-success: #15803d;
    --color-success-bg: color-mix(in srgb, var(--color-success) 12%, transparent);
    --color-error: #b91c1c;
    --color-error-bg: color-mix(in srgb, var(--color-error) 10%, transparent);
    --color-warning: #a16207;
    --color-warning-bg: color-mix(in srgb, var(--color-warning) 12%, transparent);
    --color-diff-add-bg: color-mix(in srgb, var(--color-success) 14%, transparent);
    --color-diff-remove-bg: color-mix(in srgb, var(--color-error) 12%, transparent);
    --link: var(--accent);
    --link-visited: color-mix(in srgb, var(--accent-2) 72%, black);
    --link-hover: var(--primary-hover);

    --surface-pre: color-mix(in srgb, var(--text-light) 6%, transparent);
    --overlay-backdrop: color-mix(in srgb, var(--text-light) 40%, transparent);
    --overlay-scrim: color-mix(in srgb, var(--text-light) 55%, transparent);

    --meta-title: #1a0dab;
    --meta-url: #5f6368;
    --meta-desc: #4d5156;
}

[data-theme="light"] .main-content {
    background:
        radial-gradient(ellipse 90% 50% at 50% -10%, var(--gradient-accent-glow), transparent),
        radial-gradient(ellipse 60% 40% at 100% 0%, var(--gradient-accent-2-glow), transparent),
        var(--bg-base);
}

[data-theme="light"] .sidebar,
[data-theme="light"] .sidebar-footer {
    background: #ffffff;
}

[data-theme="light"] .sidebar {
    border-right-color: rgba(15, 23, 42, 0.08);
}

[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="light"] input[type="time"]::-webkit-calendar-picker-indicator {
    filter: none;
}

[data-theme="light"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="light"] .snake-dot {
    background: var(--tint-accent-strong);
}

[data-theme="light"] .hero-badge,
[data-theme="light"] .welcome-kbd {
    background: var(--tint-accent-subtle);
    border-color: var(--tint-accent-emphasis);
    color: var(--accent);
}

[data-theme="light"] .home-tool-card {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .home-tool-card:hover {
    border-color: var(--border-accent-light);
    box-shadow: 0 8px 24px var(--tint-accent-hover);
}

[data-theme="light"] .regex-match {
    background: var(--tint-accent);
    outline-color: var(--border-accent);
}

[data-theme="light"] .btn-primary {
    box-shadow: 0 2px 12px var(--tint-accent-strong);
}

[data-theme="light"] .palette-dialog {
    background: #ffffff;
}

[data-theme="light"] .palette-input {
    background: #f8fafc;
}

[data-theme="light"] .diff-add,
[data-theme="light"] .diff-remove {
    color: var(--text-light);
}

[data-theme="light"] .tool-status-ok {
    color: var(--color-success);
}

[data-theme="light"] .tool-status-error {
    color: var(--color-error);
}

[data-theme="light"] .plan-stat-live,
[data-theme="light"] .plan-badge-live {
    color: var(--color-success);
    border-color: var(--border-success);
    background: var(--color-success-bg);
}

[data-theme="light"] .plan-stat-building,
[data-theme="light"] .plan-badge-building {
    color: var(--color-warning);
    border-color: color-mix(in srgb, var(--color-warning) 35%, transparent);
    background: var(--color-warning-bg);
}

[data-theme="light"] .plan-card-live {
    border-left-color: var(--color-success);
}

[data-theme="light"] .plan-card-building {
    border-left-color: var(--color-warning);
}

[data-theme="light"] .day-emoji::after {
    background: #ffffff;
    border-color: var(--surface-border);
    color: var(--text-light);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .mobile-top-bar {
    background: color-mix(in srgb, #ffffff 82%, transparent);
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .mobile-bar-btn {
    color: var(--accent);
}

[data-theme="light"] .theme-toggle.theme-toggle-brand {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.1);
    color: var(--text-light);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .hero-title {
    background: linear-gradient(135deg, var(--text-light) 40%, var(--accent));
    -webkit-background-clip: text;
    background-clip: text;
}

[data-theme="light"] .home-tool-card-icon {
    background: var(--tint-accent-hover);
}

[data-theme="light"] .tz-table thead th {
    background: #ffffff;
}

[data-theme="light"] .share-dialog {
    background: #ffffff;
}

[data-theme="light"] .meta-preview-card {
    background: #f8fafc;
}

[data-theme="light"] .pwa-install-banner {
    background: #ffffff;
    box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.12);
}