/* Light theme — active when <html data-theme="light">. Overrides demo.css colors only. */

[data-theme="light"] {
	color-scheme: light;
	--lt-ink: 15, 23, 42;
	--lt-blue: #0b7bbd;
	--lt-cyan: #0e7490;
}

[data-theme="light"] body { background: #f5f7fb; color: #0f172a; }

[data-theme="light"] body::before {
	background-image:
		linear-gradient(to right,  rgba(var(--lt-ink), 0.06) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(var(--lt-ink), 0.06) 1px, transparent 1px);
}

[data-theme="light"] body::after {
	background:
		radial-gradient(40% 60% at 20% 30%, rgba(14, 144, 217, 0.14), transparent 70%),
		radial-gradient(40% 60% at 80% 25%, rgba(34, 211, 238, 0.12), transparent 70%);
}

/* Header / nav */
[data-theme="light"] .wk-header { border-bottom-color: rgba(var(--lt-ink), 0.08); background: rgba(255, 255, 255, 0.8); }
[data-theme="light"] .wk-brand-logo { filter: none; }
[data-theme="light"] .wk-nav { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wk-nav a:hover { color: #0f172a; }
[data-theme="light"] .wk-nav-cta { border-color: rgba(var(--lt-ink), 0.14); color: #0f172a; background: #fff; }
[data-theme="light"] .wk-nav-cta:hover { background: rgba(var(--lt-ink), 0.04); border-color: rgba(var(--lt-ink), 0.24); }

[data-theme="light"] .wk-lang-btn,
[data-theme="light"] .wk-theme-btn { border-color: rgba(var(--lt-ink), 0.14); background: #fff; color: #0f172a; }
[data-theme="light"] .wk-lang-btn:hover,
[data-theme="light"] .wk-theme-btn:hover { background: rgba(var(--lt-ink), 0.04); border-color: rgba(var(--lt-ink), 0.24); }
[data-theme="light"] .wk-lang-list { background: #fff; border-color: rgba(var(--lt-ink), 0.10); box-shadow: 0 18px 44px rgba(var(--lt-ink), 0.14); }
[data-theme="light"] .wk-lang-option { color: rgba(var(--lt-ink), 0.85); }
[data-theme="light"] .wk-lang-option:hover,
[data-theme="light"] .wk-lang-option.is-active { background: rgba(14, 144, 217, 0.10); color: #0f172a; }
[data-theme="light"] .wk-lang-opt-native { color: rgba(var(--lt-ink), 0.5); }

/* Hero */
[data-theme="light"] .wk-hero-eyebrow { background: rgba(14, 144, 217, 0.07); border-color: rgba(14, 144, 217, 0.25); color: rgba(var(--lt-ink), 0.85); }
[data-theme="light"] .wk-hero-eyebrow-label { color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wk-hero-eyebrow-sep { color: rgba(var(--lt-ink), 0.25); }
[data-theme="light"] .wk-hero-eyebrow-product { color: #0f172a; }
[data-theme="light"] .wk-hero-product { background: linear-gradient(135deg, #0b7bbd, #0891b2); -webkit-background-clip: text; background-clip: text; }
[data-theme="light"] .wk-hero-head p { color: rgba(var(--lt-ink), 0.62); }

/* Cards */
[data-theme="light"] .wk-card { color: #0f172a; }
[data-theme="light"] .wk-card-primary { background: linear-gradient(rgba(14, 144, 217, 0.09), rgba(14, 144, 217, 0.02)), #fff; }
[data-theme="light"] .wk-card-secondary { background: #fff; border-color: rgba(var(--lt-ink), 0.10); box-shadow: 0 8px 24px rgba(var(--lt-ink), 0.05); }
[data-theme="light"] .wk-card-secondary:hover { border-color: rgba(8, 145, 178, 0.45); box-shadow: 0 18px 50px rgba(8, 145, 178, 0.12); }
[data-theme="light"] .wk-card-recommended { box-shadow: 0 22px 60px rgba(14, 144, 217, 0.18); }
[data-theme="light"] .wk-card-recommended:hover { box-shadow: 0 28px 76px rgba(14, 144, 217, 0.26); }
[data-theme="light"] .wk-card-muted { opacity: 0.85; }
[data-theme="light"] .wk-card-muted:hover { opacity: 1; }
[data-theme="light"] .wk-card-desc { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wk-card-muted .wk-card-desc { color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wk-card-list li { color: rgba(var(--lt-ink), 0.74); }
[data-theme="light"] .wk-card-list-purple .wk-check { background: rgba(14, 144, 217, 0.12); color: var(--lt-blue); }
[data-theme="light"] .wk-card-list-cyan .wk-check { background: rgba(8, 145, 178, 0.12); color: var(--lt-cyan); }
[data-theme="light"] .wk-badge-purple { color: var(--lt-blue); }
[data-theme="light"] .wk-badge-cyan { color: var(--lt-cyan); }
[data-theme="light"] .wk-badge-neutral { background: rgba(var(--lt-ink), 0.04); border-color: rgba(var(--lt-ink), 0.12); color: rgba(var(--lt-ink), 0.6); }
[data-theme="light"] .wk-card-cta-light { background: #0f172a; color: #fff; }
[data-theme="light"] .wk-card-cta-ghost { background: rgba(8, 145, 178, 0.08); border-color: rgba(8, 145, 178, 0.35); color: var(--lt-cyan); box-shadow: none; }
[data-theme="light"] .wk-card-secondary:hover .wk-card-cta-ghost,
[data-theme="light"] #wk-launch-btn:hover .wk-card-cta-ghost,
[data-theme="light"] .wk-card-cta-ghost:hover { background: rgba(8, 145, 178, 0.13); border-color: rgba(8, 145, 178, 0.5); color: var(--lt-cyan); box-shadow: 0 6px 18px rgba(8, 145, 178, 0.15); }
[data-theme="light"] #wk-launch-btn:active .wk-card-cta-ghost,
[data-theme="light"] .wk-card-cta-ghost:active { background: rgba(8, 145, 178, 0.2); color: var(--lt-cyan); }
[data-theme="light"] .wk-trust span { color: #0f172a; }

/* Cloud promo */
[data-theme="light"] .wk-cloud { background: linear-gradient(120deg, rgba(14, 144, 217, 0.08), rgba(34, 211, 238, 0.04) 55%, transparent), #fff; }
[data-theme="light"] .wk-cloud-glow { background: radial-gradient(50% 50% at 70% 35%, rgba(14, 144, 217, 0.14), transparent 70%); }
[data-theme="light"] .wk-cloud-icon { color: var(--lt-blue); background: rgba(14, 144, 217, 0.10); }
[data-theme="light"] .wk-cloud-eyebrow { color: var(--lt-blue); }
[data-theme="light"] .wk-cloud-title { color: #0f172a; }
[data-theme="light"] .wk-cloud-desc { color: rgba(var(--lt-ink), 0.62); }

/* Background decoration */
[data-theme="light"] .wk-bg-icon { box-shadow: 0 10px 28px rgba(14, 144, 217, 0.14); }
[data-theme="light"] .wk-bg-icon.is-ai { color: #0891b2; box-shadow: 0 10px 28px rgba(8, 145, 178, 0.16); }

/* Provisioning */
[data-theme="light"] .wk-copy-track { stroke: rgba(14, 144, 217, 0.22); }
[data-theme="light"] .wk-copy-flow { filter: none; }
[data-theme="light"] .wk-copy-ic { stroke: var(--lt-blue); filter: none; }
[data-theme="light"] .wk-copy-text { fill: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wk-copy-dot { fill: #0e90d9; filter: none; }
[data-theme="light"] .wk-copy-block { fill: rgba(14, 144, 217, 0.2); stroke: rgba(14, 144, 217, 0.7); filter: none; }
[data-theme="light"] .wk-provision-chip { color: #0b6aa2; }
[data-theme="light"] .wk-provision-title { color: #0f172a; }
[data-theme="light"] .wk-provision-desc { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wk-provision-bar { background: rgba(var(--lt-ink), 0.08); }
[data-theme="light"] .wk-provision-meta { color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wk-terminal { box-shadow: 0 30px 80px rgba(var(--lt-ink), 0.22); }

/* Footer */
[data-theme="light"] .wcdemo-footer-content { color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wcdemo-footer a { color: var(--lt-cyan); }
[data-theme="light"] .wcdemo-footer-stat { background: #fff; border-color: rgba(var(--lt-ink), 0.08); color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wcdemo-footer-stat-val { color: var(--lt-blue); }
[data-theme="light"] .wcdemo-support-link { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wcdemo-support-link svg { color: var(--lt-cyan); }
[data-theme="light"] .wcdemo-support-link:hover { color: #0f172a; }

/* Status pages (expired / limit) */
[data-theme="light"] .wk-status-icon { color: var(--lt-blue); }
[data-theme="light"] .wk-status-icon-warn { color: #b45309; }
[data-theme="light"] .wk-status p { color: rgba(var(--lt-ink), 0.62); }

/* Modals */
[data-theme="light"] .wk-modal-backdrop { background: rgba(var(--lt-ink), 0.35); }
[data-theme="light"] .wk-modal-card { background: #fff; color: #0f172a; border-color: rgba(var(--lt-ink), 0.08); box-shadow: 0 30px 80px rgba(var(--lt-ink), 0.22); }
[data-theme="light"] .wk-modal-chip { color: #0b6aa2; background: rgba(14, 144, 217, 0.08); border-color: rgba(14, 144, 217, 0.25); }
[data-theme="light"] .wk-modal-chip strong { color: #0f172a; }
[data-theme="light"] .wk-modal-close { background: rgba(var(--lt-ink), 0.05); color: rgba(var(--lt-ink), 0.6); }
[data-theme="light"] .wk-modal-close:hover { background: rgba(var(--lt-ink), 0.1); color: #0f172a; }
[data-theme="light"] .wk-modal-head h2 { color: #0f172a; }
[data-theme="light"] .wk-modal-head p { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wk-success-icon { color: #059669; }
[data-theme="light"] .wk-success-body h2 { color: #0f172a; }
[data-theme="light"] .wk-success-body p { color: rgba(var(--lt-ink), 0.72); }
[data-theme="light"] .wk-modal-submit { background: rgba(var(--lt-ink), 0.08); color: rgba(var(--lt-ink), 0.4); }
[data-theme="light"] .wk-modal-submit.is-ready,
[data-theme="light"] .wk-modal-submit:not(:disabled) { background: linear-gradient(135deg, #0e90d9, #22d3ee); color: #0a0a0a; }
[data-theme="light"] .wk-modal-foot { color: rgba(var(--lt-ink), 0.5); }
[data-theme="light"] .wk-modal-status.is-success { color: #15803d; }
[data-theme="light"] .wk-modal-status.is-error { color: #dc2626; }
[data-theme="light"] .wk-modal-status.is-sending { color: rgba(var(--lt-ink), 0.72); }

/* Form fields */
[data-theme="light"] .wk-field-label { color: rgba(var(--lt-ink), 0.72); }
[data-theme="light"] .wk-req { color: #dc2626; }
[data-theme="light"] .wk-field input,
[data-theme="light"] .wk-field select,
[data-theme="light"] .wk-field textarea,
[data-theme="light"] .wk-combo-input,
[data-theme="light"] .wk-phone,
[data-theme="light"] .wk-otp-input { background-color: rgba(var(--lt-ink), 0.025); border-color: rgba(var(--lt-ink), 0.14); color: #0f172a; }
[data-theme="light"] .wk-field input:focus,
[data-theme="light"] .wk-field select:focus,
[data-theme="light"] .wk-field textarea:focus,
[data-theme="light"] .wk-combo-input:focus,
[data-theme="light"] .wk-phone:focus-within { background-color: #fff; border-color: rgba(14, 144, 217, 0.6); }
[data-theme="light"] .wk-field .wk-phone-input { background-color: transparent; }
[data-theme="light"] .wk-field input::placeholder,
[data-theme="light"] .wk-field textarea::placeholder,
[data-theme="light"] .wk-combo-input::placeholder { color: rgba(var(--lt-ink), 0.4); }
[data-theme="light"] .wk-field select option { background: #fff; color: #0f172a; }
[data-theme="light"] .wk-field select,
[data-theme="light"] .wk-field select:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(15,23,42,0.5)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="light"] .wk-field select:invalid { color: rgba(var(--lt-ink), 0.4); }
[data-theme="light"] .wk-phone-dial { color: rgba(var(--lt-ink), 0.72); border-right-color: rgba(var(--lt-ink), 0.10); background: rgba(var(--lt-ink), 0.03); }
[data-theme="light"][dir="rtl"] .wk-phone-dial { border-left-color: rgba(var(--lt-ink), 0.10); }
[data-theme="light"] .wk-field-note { color: rgba(var(--lt-ink), 0.55); }
[data-theme="light"] .wk-combo-chev { color: rgba(var(--lt-ink), 0.45); }
[data-theme="light"] .wk-combo-list { background: #fff; border-color: rgba(var(--lt-ink), 0.12); box-shadow: 0 18px 40px rgba(var(--lt-ink), 0.14); }
[data-theme="light"] .wk-combo-list::-webkit-scrollbar-thumb { background: rgba(var(--lt-ink), 0.18); }
[data-theme="light"] .wk-combo-option { color: rgba(var(--lt-ink), 0.85); }
[data-theme="light"] .wk-combo-option:hover,
[data-theme="light"] .wk-combo-option.is-active { background: rgba(14, 144, 217, 0.10); color: #0f172a; }
[data-theme="light"] .wk-combo-option-dial,
[data-theme="light"] .wk-combo-empty { color: rgba(var(--lt-ink), 0.45); }
[data-theme="light"] .wk-product-pill { color: #0f172a; }
[data-theme="light"] .wk-product-pill-tag { color: rgba(var(--lt-ink), 0.5); }
[data-theme="light"] .wk-field-spinner { border-color: rgba(var(--lt-ink), 0.15); border-top-color: #0e90d9; }
[data-theme="light"] .wk-consent { color: rgba(var(--lt-ink), 0.64); }
[data-theme="light"] .wk-field-hint,
[data-theme="light"] .wk-field-hint.is-validating { color: rgba(var(--lt-ink), 0.6); }
[data-theme="light"] .wk-field-hint.is-valid { color: #15803d; }
[data-theme="light"] .wk-field-hint.is-risky { color: #b45309; }
[data-theme="light"] .wk-field-hint.is-invalid { color: #dc2626; }
[data-theme="light"] .wk-field input.is-validating { border-color: rgba(var(--lt-ink), 0.22); }
[data-theme="light"] .wk-field input.is-valid { border-color: rgba(22, 163, 74, 0.55); }
[data-theme="light"] .wk-field input.is-risky { border-color: rgba(217, 119, 6, 0.6); }
[data-theme="light"] .wk-field input.is-invalid { border-color: rgba(220, 38, 38, 0.55); }

/* OTP */
[data-theme="light"] .wk-otp-input:focus { border-color: rgba(14, 144, 217, 0.6); background-color: #fff; }
[data-theme="light"] .wk-otp-actions { color: rgba(var(--lt-ink), 0.62); }
[data-theme="light"] .wk-otp-resend { color: var(--lt-blue); }
[data-theme="light"] .wk-otp-resend:disabled { color: rgba(var(--lt-ink), 0.4); }
[data-theme="light"] .wk-otp-spinner { border-color: rgba(var(--lt-ink), 0.2); border-top-color: #0e90d9; }