/*
 * Light theme — vivid accent palette (dark theme unchanged).
 * Linked last in every HTML page so these overrides win.
 */

/* ── Global tokens ── */

html[data-theme="light"] {
	--success: #059669;
	--error: #dc2626;
	--primary: #2563eb;
	--primary-hover: #1d4ed8;
	--accent-green: #10b981;
	--accent-green-bg: rgba(16, 185, 129, 0.18);
	--accent-green-border: rgba(5, 150, 105, 0.42);
	--accent-red: #ef4444;
	--accent-red-bg: rgba(239, 68, 68, 0.14);
	--accent-red-border: rgba(220, 38, 38, 0.38);
	--accent-blue: #2563eb;
	--accent-blue-bg: rgba(37, 99, 235, 0.16);
	--accent-blue-border: rgba(37, 99, 235, 0.38);
	--accent-purple: #7c3aed;
	--accent-purple-bg: rgba(124, 58, 237, 0.16);
	--accent-purple-border: rgba(124, 58, 237, 0.38);
	--accent-orange: #ea580c;
	--accent-orange-bg: rgba(234, 88, 12, 0.16);
	--accent-amber: #d97706;
	--accent-amber-bg: rgba(245, 158, 11, 0.2);
	--accent-cyan: #0891b2;
	--accent-pink: #db2777;
	--accent-pink-bg: rgba(219, 39, 119, 0.16);
	--json-key: #6d28d9;
	--json-number: #c2410c;
	--json-bool: #2563eb;
	--json-null: #475569;
}

html[data-theme="light"] .page-profile-figma {
	--pf-success: #059669;
	--pf-success-bg: rgba(16, 185, 129, 0.16);
	--pf-success-border: rgba(5, 150, 105, 0.4);
	--pf-danger: #dc2626;
	--pf-danger-bg: rgba(239, 68, 68, 0.12);
	--pf-danger-border: rgba(220, 38, 38, 0.38);
	--pf-primary: #2563eb;
	--pf-telegram: #0284c7;
	--pf-stat-bg: rgba(37, 99, 235, 0.08);
	--pf-session-current-bg: rgba(37, 99, 235, 0.1);
	--pf-session-current-border: rgba(37, 99, 235, 0.32);
}

html[data-theme="light"] .page-profile-figma .profile-figma-modal-below-error {
	color: #dc2626;
}

html[data-theme="light"] .page-profile-figma .profile-figma-modal-below-success {
	color: #059669;
}

html[data-theme="light"] .page-profile-figma .profile-figma-alert--warning {
	background: rgba(245, 158, 11, 0.14);
	border-color: rgba(217, 119, 6, 0.38);
}

html[data-theme="light"] .page-profile-figma .profile-figma-alert--warning .profile-figma-alert__icon {
	color: #d97706;
}

html[data-theme="light"] .load-error-block {
	background: rgba(239, 68, 68, 0.1);
	border-color: rgba(220, 38, 38, 0.28);
}

html[data-theme="light"] .load-error-message {
	color: #dc2626;
}

/* ── Nav & buttons ── */

html[data-theme="light"] .profile-subnav-link--active,
html[data-theme="light"] .page-profile-figma .profile-subnav-link--active {
	color: #2563eb;
	background: rgba(37, 99, 235, 0.12);
	border-color: rgba(37, 99, 235, 0.32);
}

html[data-theme="light"] .page-profile-figma .profile-payment-btn--outline,
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--outline,
html[data-theme="light"] .profile-webhook-deliveries-page .profile-payment-btn--outline,
html[data-theme="light"] .view--webhooks .whd-card__line--actions .whd-btn-payload {
	border-color: rgba(37, 99, 235, 0.45);
	color: #2563eb;
}

html[data-theme="light"] .page-profile-figma .profile-payment-btn--outline:hover:not(:disabled),
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--outline:hover:not(:disabled),
html[data-theme="light"] .profile-webhook-deliveries-page .profile-payment-btn--outline:hover:not(:disabled),
html[data-theme="light"] .view--webhooks .whd-card__line--actions .whd-btn-payload:hover:not(:disabled) {
	border-color: #2563eb;
	color: #1d4ed8;
	background: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .page-profile-figma .profile-payment-btn--outline-danger,
html[data-theme="light"] .page-profile-figma .profile-payment-btn--danger,
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--outline-danger,
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--danger {
	border-color: rgba(220, 38, 38, 0.5);
	color: #dc2626;
}

html[data-theme="light"] .page-profile-figma .profile-payment-btn--outline-danger:hover:not(:disabled),
html[data-theme="light"] .page-profile-figma .profile-payment-btn--danger:hover:not(:disabled),
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--outline-danger:hover:not(:disabled),
html[data-theme="light"] .profile-webhooks-page .profile-payment-btn--danger:hover:not(:disabled) {
	border-color: #dc2626;
	color: #b91c1c;
	background: rgba(239, 68, 68, 0.1);
}

html[data-theme="light"] .page-profile-figma .profile-payment-btn--success {
	border-color: rgba(5, 150, 105, 0.5);
	color: #059669;
	background: rgba(16, 185, 129, 0.08);
}

/* ── API home ── */

html[data-theme="light"] .profile-api-page--main .profile-api-feature-card--on,
html[data-theme="light"] .page-profile-figma .profile-api-page--main .profile-api-feature-card--on {
	border-color: rgba(5, 150, 105, 0.42);
	background: rgba(16, 185, 129, 0.14);
}

html[data-theme="light"] .profile-api-page--main .profile-api-feature-card--off,
html[data-theme="light"] .page-profile-figma .profile-api-page--main .profile-api-feature-card--off {
	border-color: rgba(220, 38, 38, 0.38);
	background: rgba(239, 68, 68, 0.1);
}

html[data-theme="light"] .profile-api-feature-icon--on,
html[data-theme="light"] .profile-api-page--main .profile-api-feature-card-icon--on {
	color: #059669;
	background: rgba(16, 185, 129, 0.2);
}

html[data-theme="light"] .profile-api-feature-icon--off,
html[data-theme="light"] .profile-api-page--main .profile-api-feature-card-icon--off {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.14);
}

html[data-theme="light"] .profile-api-page--main .profile-api-limit-card {
	background: rgba(37, 99, 235, 0.08);
	border-color: rgba(37, 99, 235, 0.22);
}

html[data-theme="light"] .profile-api-page--main .profile-api-limit-card-value {
	color: #2563eb;
}

html[data-theme="light"] .profile-api-rest-page .api-rest-method--get {
	color: #047857;
	background: rgba(16, 185, 129, 0.16);
	border-color: rgba(5, 150, 105, 0.36);
}

html[data-theme="light"] .profile-api-rest-page .api-rest-method--post {
	color: #2563eb;
	background: rgba(37, 99, 235, 0.16);
	border-color: rgba(37, 99, 235, 0.36);
}

html[data-theme="light"] .profile-api-create-blocked-hint--warning,
html[data-theme="light"] .api-stats-billing-gate-block--warning .profile-api-create-blocked-hint--warning {
	color: #d97706;
}

html[data-theme="light"] .profile-api-create-blocked-icon {
	color: #d97706;
}

/* ── Webhooks list ── */

html[data-theme="light"] .webhooks-badge--on {
	color: #047857;
	background: rgba(16, 185, 129, 0.2);
	border-color: rgba(5, 150, 105, 0.42);
}

html[data-theme="light"] .profile-webhooks-page .profile-webhook-type--spot {
	color: #1d4ed8;
	background: rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .profile-webhooks-page .profile-webhook-type--futures {
	color: #047857;
	background: rgba(16, 185, 129, 0.18);
}

html[data-theme="light"] .profile-webhooks-page .profile-webhook-type--spot-futures {
	color: #6d28d9;
	background: rgba(124, 58, 237, 0.18);
}

html[data-theme="light"] .profile-webhooks-page .profile-webhook-type--funding {
	color: #b45309;
	background: rgba(245, 158, 11, 0.22);
}

html[data-theme="light"] .wh-type-readonly-bubble--spot {
	border-color: rgba(37, 99, 235, 0.45);
	background: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .wh-type-readonly-bubble--futures {
	border-color: rgba(124, 58, 237, 0.45);
	background: rgba(124, 58, 237, 0.1);
}

html[data-theme="light"] .wh-type-readonly-bubble--sf {
	border-color: rgba(5, 150, 105, 0.45);
	background: rgba(16, 185, 129, 0.1);
}

/* ── Webhook deliveries ── */

html[data-theme="light"] .view--webhooks .whd-type-pill--spot_arbitrage {
	color: #1d4ed8;
	background: rgba(37, 99, 235, 0.16);
	border-color: rgba(37, 99, 235, 0.38);
}

html[data-theme="light"] .view--webhooks .whd-type-pill--futures_arbitrage {
	color: #6d28d9;
	background: rgba(124, 58, 237, 0.16);
	border-color: rgba(124, 58, 237, 0.38);
}

html[data-theme="light"] .view--webhooks .whd-type-pill--spot_futures_arbitrage {
	color: #047857;
	background: rgba(16, 185, 129, 0.16);
	border-color: rgba(5, 150, 105, 0.38);
}

html[data-theme="light"] .view--webhooks .whd-type-pill--funding_arbitrage {
	color: #be185d;
	background: rgba(219, 39, 119, 0.16);
	border-color: rgba(219, 39, 119, 0.38);
}

html[data-theme="light"] .view--webhooks .whd-status--ok,
html[data-theme="light"] .profile-webhook-delivery-status--ok {
	color: #047857;
	background: rgba(16, 185, 129, 0.18);
	border-color: rgba(5, 150, 105, 0.4);
}

html[data-theme="light"] .view--webhooks .whd-status--fail,
html[data-theme="light"] .profile-webhook-delivery-status--fail,
html[data-theme="light"] .profile-webhook-delivery-card__http-error,
html[data-theme="light"] .view--webhooks .whd-http.whd-http--error {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.14);
	border-color: rgba(220, 38, 38, 0.36);
}

html[data-theme="light"] .view--webhooks .whd-status--pending,
html[data-theme="light"] .profile-webhook-delivery-status--pending {
	color: #b45309;
	background: rgba(245, 158, 11, 0.2);
	border-color: rgba(217, 119, 6, 0.4);
}

html[data-theme="light"] .view--webhooks .whd-http--2xx {
	color: #047857;
	background: rgba(16, 185, 129, 0.18);
	border-color: rgba(5, 150, 105, 0.4);
}

html[data-theme="light"] .view--webhooks .whd-http--3xx {
	color: #0369a1;
	background: rgba(8, 145, 178, 0.16);
	border-color: rgba(8, 145, 178, 0.38);
}

html[data-theme="light"] .view--webhooks .whd-http--4xx {
	color: #b45309;
	background: rgba(245, 158, 11, 0.2);
	border-color: rgba(217, 119, 6, 0.4);
}

html[data-theme="light"] .view--webhooks .whd-http--5xx {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.14);
	border-color: rgba(220, 38, 38, 0.36);
}

/* ── JSON syntax ── */

html[data-theme="light"] .wh-json-k {
	color: var(--json-key);
	font-weight: 600;
}

html[data-theme="light"] .wh-json-num {
	color: var(--json-number);
	font-weight: 700;
}

html[data-theme="light"] .wh-json-bool {
	color: var(--json-bool);
	font-weight: 700;
}

html[data-theme="light"] .wh-json-null {
	color: var(--json-null);
}

html[data-theme="light"] .wh-json-str {
	color: #0f172a;
}

/* ── Scope / type icons ── */

html[data-theme="light"] .view--webhooks .lp-sc-icon--spot,
html[data-theme="light"] .profile-webhook-create-page .lp-sc-icon--spot,
html[data-theme="light"] .subs-list .lp-sc-icon--spot,
html[data-theme="light"] .tg-subs-grid .lp-sc-icon--spot,
html[data-theme="light"] .page-landing .lp-sc-icon--spot {
	color: #2563eb;
	background: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .view--webhooks .lp-sc-icon--futures,
html[data-theme="light"] .profile-webhook-create-page .lp-sc-icon--futures,
html[data-theme="light"] .subs-list .lp-sc-icon--futures,
html[data-theme="light"] .tg-subs-grid .lp-sc-icon--futures,
html[data-theme="light"] .page-landing .lp-sc-icon--futures {
	color: #7c3aed;
	background: rgba(124, 58, 237, 0.16);
}

html[data-theme="light"] .view--webhooks .lp-sc-icon--sf,
html[data-theme="light"] .profile-webhook-create-page .lp-sc-icon--sf,
html[data-theme="light"] .subs-list .lp-sc-icon--sf,
html[data-theme="light"] .tg-subs-grid .lp-sc-icon--sf,
html[data-theme="light"] .page-landing .lp-sc-icon--sf {
	color: #059669;
	background: rgba(16, 185, 129, 0.16);
}

/* ── Subscriptions & payments ── */

html[data-theme="light"] .page-profile-figma .profile-subscription-badge,
html[data-theme="light"] .page-profile-figma .profile-subscription-card--active,
html[data-theme="light"] .profile-subscription-card--active {
	border-color: rgba(5, 150, 105, 0.36);
}

html[data-theme="light"] .subscription-status--active,
html[data-theme="light"] .profile-subscription-card .subscription-status--active {
	background: rgba(16, 185, 129, 0.18);
	color: #047857;
}

html[data-theme="light"] .subscription-status--cancelled {
	background: rgba(239, 68, 68, 0.16);
	color: #dc2626;
}

html[data-theme="light"] .subscription-status--pending,
html[data-theme="light"] .subscription-status--waiting-for-payment {
	background: rgba(245, 158, 11, 0.2);
	color: #b45309;
}

html[data-theme="light"] .subscription-status--payment-failed {
	background: rgba(234, 88, 12, 0.18);
	color: #c2410c;
}

html[data-theme="light"] .subscription-status--applied,
html[data-theme="light"] .subscription-status--upgraded {
	background: rgba(37, 99, 235, 0.16);
	color: #2563eb;
}

html[data-theme="light"] .payment-status--partial-paid,
html[data-theme="light"] .profile-payment-card .payment-status--partial-paid {
	background: rgba(37, 99, 235, 0.16);
	color: #2563eb;
}

html[data-theme="light"] .profile-payment-card .payment-status--pending {
	background: rgba(245, 158, 11, 0.2);
	color: #d97706;
}

html[data-theme="light"] .profile-payment-card .payment-status--paid {
	background: rgba(16, 185, 129, 0.18);
	color: #047857;
}

html[data-theme="light"] .profile-payment-card .payment-status--cancelled {
	background: rgba(239, 68, 68, 0.16);
	color: #dc2626;
}

html[data-theme="light"] .profile-session-card--current {
	background: rgba(37, 99, 235, 0.1);
	border-color: rgba(37, 99, 235, 0.32);
}

html[data-theme="light"] .profile-hero-admin-badge {
	background: rgba(124, 58, 237, 0.14);
	color: #6d28d9;
	border-color: rgba(124, 58, 237, 0.32);
}

/* ── Scanner tables ── */

html[data-theme="light"] .page-profile-figma .spot-profit--positive,
html[data-theme="light"] .page-profile-figma .ft-rate-positive,
html[data-theme="light"] .page-profile-figma .view--fundings .funding-rate--positive,
html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-rate-positive,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-rate-positive,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-rate-positive,
html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-profit-badge--positive,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-profit-badge--positive,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-profit-badge--positive {
	color: #047857;
	background: rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .page-profile-figma .spot-profit--negative,
html[data-theme="light"] .page-profile-figma .ft-rate-negative,
html[data-theme="light"] .page-profile-figma .view--fundings .funding-rate--negative,
html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-rate-negative,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-rate-negative,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-rate-negative,
html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-profit-badge--negative,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-profit-badge--negative,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-profit-badge--negative {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.14);
}

html[data-theme="light"] .page-profile-figma .spot-chain--open {
	color: #047857;
	background: rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .page-profile-figma .spot-chain--closed {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.14);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-group--long,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-group--long,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-group--long {
	color: #2563eb;
	background: rgba(37, 99, 235, 0.12);
	border-left-color: rgba(37, 99, 235, 0.5);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-group--short,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-group--short,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-group--short {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.1);
	border-left-color: rgba(220, 38, 38, 0.45);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-group--profit,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-group--profit,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-group--profit {
	color: #047857;
	background: rgba(16, 185, 129, 0.12);
	border-left-color: rgba(5, 150, 105, 0.45);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-col--long,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-col--long,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-col--long {
	color: #2563eb;
	background: rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-col--short,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-col--short,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-col--short {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.08);
}

html[data-theme="light"] .page-profile-figma .view--futures .futures-table--figma .ft-th-col--profit,
html[data-theme="light"] .page-profile-figma .view--spot .futures-table--figma .ft-th-col--profit,
html[data-theme="light"] .page-profile-figma .view--spot-futures .futures-table--figma .ft-th-col--profit {
	color: #047857;
	background: rgba(16, 185, 129, 0.1);
}

html[data-theme="light"] .page-profile-figma .ft-th-sub {
	color: #2563eb;
}

/* ── Landing ── */

html[data-theme="light"] .page-landing .lp-trust-card__value,
html[data-theme="light"] .page-landing .lp-hero-stat__value {
	color: #059669;
}

html[data-theme="light"] .page-landing .btn-trial {
	border-color: rgba(5, 150, 105, 0.5);
	background: rgba(16, 185, 129, 0.14);
	color: #047857;
}

html[data-theme="light"] .page-landing .lp-check-icon {
	background: rgba(16, 185, 129, 0.16);
	color: #059669;
}

html[data-theme="light"] .page-landing .lp-feature-icon,
html[data-theme="light"] .page-landing .lp-trust-icon {
	background: rgba(37, 99, 235, 0.14);
	color: #2563eb;
}

html[data-theme="light"] .page-landing .lp-step-num {
	background: rgba(37, 99, 235, 0.14);
	color: #2563eb;
}

html[data-theme="light"] .page-landing .lp-badge {
	background: rgba(37, 99, 235, 0.12);
	color: #2563eb;
}

html[data-theme="light"] .page-landing .lp-scanner-tag--spot {
	background: rgba(37, 99, 235, 0.14);
	color: #2563eb;
}

html[data-theme="light"] .page-landing .lp-scanner-tag--futures {
	background: rgba(124, 58, 237, 0.14);
	color: #7c3aed;
}

html[data-theme="light"] .page-landing .lp-scanner-tag--sf {
	background: rgba(16, 185, 129, 0.14);
	color: #059669;
}

/* ── Tariffs & referral ── */

html[data-theme="light"] .tariff-discount {
	color: #047857;
	background: rgba(16, 185, 129, 0.18);
}

html[data-theme="light"] .tariffs-tab.tariffs-tab--active {
	background: #2563eb;
	border-color: #2563eb;
}

html[data-theme="light"] .referral-stat-card__value--positive {
	color: #059669;
}

html[data-theme="light"] .referral-stat-card--accent {
	border-color: rgba(37, 99, 235, 0.32);
}

html[data-theme="light"] .referral-withdrawals-active-hint--warning {
	color: #d97706;
}

/* ── Admin ── */

html[data-theme="light"] .admin-pricing-card__badge--active,
html[data-theme="light"] .admin-plan-card__status--active {
	color: #047857;
	background: rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .admin-form-field--active .admin-form-field__hint,
html[data-theme="light"] .admin-form-hint {
	color: #b45309;
}

html[data-theme="light"] .admin-form-hint {
	background: rgba(245, 158, 11, 0.14);
	border-color: rgba(217, 119, 6, 0.32);
}

/* ── Info pages & auth accents ── */

html[data-theme="light"] .info-hero-icon,
html[data-theme="light"] .info-hero-badge {
	background: rgba(37, 99, 235, 0.14);
	border-color: rgba(37, 99, 235, 0.32);
	color: #2563eb;
}

html[data-theme="light"] .info-hero-title .accent {
	background: linear-gradient(130deg, #2563eb 0%, #4f46e5 55%, #7c3aed 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

html[data-theme="light"] .info-hero-stat-val {
	color: #2563eb;
}

html[data-theme="light"] .info-feature-icon {
	background: rgba(37, 99, 235, 0.14);
	color: #2563eb;
}

html[data-theme="light"] .page-auth-figma .auth-link {
	color: var(--pf-primary, var(--primary));
}

html[data-theme="light"] .page-auth-figma .form-error,
html[data-theme="light"] .page-auth-figma .field-error {
	color: #dc2626;
}

html[data-theme="light"] .page-auth-figma .form-success {
	color: #059669;
}
