/* ============================================================
   Digitro Pro — Light mode
   Activates when html[data-theme="light"] or body.dp-theme-light
   ============================================================ */

html[data-theme="light"],
body.dp-theme-light {
	--dp-bg-page:    #F8FAFC;
	--dp-bg-elev-1:  #FFFFFF;
	--dp-bg-elev-2:  #F1F5F9;
	--dp-bg-elev-3:  #E2E8F0;
	--dp-bg-surface: rgba(0,0,0,0.02);
	--dp-bg-overlay: rgba(248, 250, 252, 0.85);
	--dp-bg-glass:   rgba(255, 255, 255, 0.7);

	--dp-border:        rgba(0, 0, 0, 0.08);
	--dp-border-strong: rgba(0, 0, 0, 0.15);

	--dp-text:        #0F1418;
	--dp-text-soft:   #334155;
	--dp-text-muted:  #64748B;
	--dp-text-faint:  #94A3B8;
	--dp-text-invert: #FFFFFF;

	--dp-shadow-sm:   0 1px 3px rgba(0,0,0,0.06);
	--dp-shadow:      0 4px 14px rgba(0,0,0,0.08);
	--dp-shadow-lg:   0 18px 50px rgba(0,0,0,0.10);
	--dp-shadow-xl:   0 30px 80px rgba(0,0,0,0.12);

	--dp-grad-card:   linear-gradient(135deg, rgba(var(--dp-primary-rgb),0.08), rgba(var(--dp-primary-rgb),0.01));

	color-scheme: light;
}

html[data-theme="light"] .dp-bg-grid,
body.dp-theme-light .dp-bg-grid {
	background-image:
		linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);
}

html[data-theme="light"] .dp-hero__grid,
body.dp-theme-light .dp-hero__grid {
	background-image:
		linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);
}

html[data-theme="light"] .dp-bg-glow--1,
body.dp-theme-light .dp-bg-glow--1 { opacity: 0.25; }
html[data-theme="light"] .dp-bg-glow--2,
body.dp-theme-light .dp-bg-glow--2 { opacity: 0.18; }
html[data-theme="light"] .dp-bg-glow--3,
body.dp-theme-light .dp-bg-glow--3 { opacity: 0.18; }

/* Strengthened header for light */
html[data-theme="light"] .dp-header,
body.dp-theme-light .dp-header {
	background: rgba(255, 255, 255, 0.8);
	border-bottom-color: rgba(0,0,0,0.06);
}
html[data-theme="light"] .dp-header.is-scrolled,
body.dp-theme-light .dp-header.is-scrolled {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 8px 32px rgba(0,0,0,0.06);
}

/* Cards get a soft border + shadow */
html[data-theme="light"] .dp-account-card,
html[data-theme="light"] .dp-service-card,
html[data-theme="light"] .dp-feature-card,
html[data-theme="light"] .dp-testimonial,
html[data-theme="light"] .dp-plan-card,
body.dp-theme-light .dp-account-card,
body.dp-theme-light .dp-service-card,
body.dp-theme-light .dp-feature-card,
body.dp-theme-light .dp-testimonial,
body.dp-theme-light .dp-plan-card {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04);
}

/* Buttons */
html[data-theme="light"] .dp-btn--ghost,
body.dp-theme-light .dp-btn--ghost {
	background: #fff;
	border-color: var(--dp-border-strong);
}

/* Primary brand stays — but darken slightly so contrast holds */
html[data-theme="light"] .dp-btn--primary,
body.dp-theme-light .dp-btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #00A341, #00C853);
}
html[data-theme="light"] .dp-btn--primary:hover,
body.dp-theme-light .dp-btn--primary:hover { color: #fff; }

/* Eyebrow in light */
html[data-theme="light"] .dp-eyebrow,
body.dp-theme-light .dp-eyebrow {
	background: rgba(var(--dp-primary-rgb), 0.08);
	color: #008c3a;
	border-color: rgba(var(--dp-primary-rgb), 0.25);
}

/* Grad text gets darker stops in light to maintain contrast */
html[data-theme="light"] .dp-grad-text,
html[data-theme="light"] .dp-hero__stat-num,
html[data-theme="light"] .dp-plan-card__num,
body.dp-theme-light .dp-grad-text,
body.dp-theme-light .dp-hero__stat-num,
body.dp-theme-light .dp-plan-card__num {
	background: linear-gradient(135deg, #008c3a, #00C853);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* Hero cards adapt */
html[data-theme="light"] .dp-hero__card,
body.dp-theme-light .dp-hero__card {
	background: #fff;
	border-color: rgba(0,0,0,0.08);
	box-shadow: 0 30px 80px rgba(0,0,0,0.12);
}

/* Calculator surface */
html[data-theme="light"] .dp-calculator,
body.dp-theme-light .dp-calculator {
	background: #fff;
	border-color: rgba(0,0,0,0.06);
	box-shadow: 0 30px 80px rgba(0,0,0,0.08);
}
html[data-theme="light"] .dp-calculator__input-wrap,
html[data-theme="light"] .dp-calculator__result,
body.dp-theme-light .dp-calculator__input-wrap,
body.dp-theme-light .dp-calculator__result { background: #F8FAFC; }

/* Footer */
html[data-theme="light"] .dp-footer,
body.dp-theme-light .dp-footer {
	background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
}

/* Mobile menu */
html[data-theme="light"] .dp-mobile-menu,
body.dp-theme-light .dp-mobile-menu {
	background: rgba(255,255,255,0.95);
}