/* DanaExperts — light theme. Activated by (toggle in the nav, saved in localStorage). */
html[data-theme="light"] {
color-scheme: light;
--void: #F6F7FB;
--ink-900: #FFFFFF;
--ink-800: #FFFFFF;
--ink-700: #EEF1F8;
--ink-600: #DDE2EE;
--paper: #0D1330;
--paper-dim: #3F4868;
--paper-mute: #6B7390;
--accent: #2F5FE6;
--accent-2: #2F5FE6;
--cyan: #0B8F8A;
--violet: #6B3FE0;
--grad-hero: radial-gradient(120% 120% at 50% 0%, #E3E9FF 0%, #F3F5FB 55%, #F6F7FB 100%);
--grad-text: linear-gradient(180deg, #0D1330 0%, #2B3A78 100%);
--glass-bg: rgba(255, 255, 255, 0.72);
--glass-brd: rgba(20, 30, 80, 0.10);
--glow-soft: 0 24px 60px -36px rgba(20, 30, 80, .35);
}
html[data-theme="light"] body { background: var(--void); color: var(--paper); }
html[data-theme="light"] .dx-card { box-shadow: 0 10px 40px -28px rgba(20, 30, 80, .35); }
/* 3D / particle canvases: keep them, but quieter on a light page */
html[data-theme="light"] canvas { opacity: .22; }
/* image veils: fade to the light page instead of to black */
html[data-theme="light"] .case-hero .bg::after {
background: linear-gradient(180deg, rgba(246,247,251,.55) 0%, rgba(246,247,251,.35) 40%, var(--void) 100%); }
html[data-theme="light"] .svc-hero-media::after {
background: linear-gradient(100deg, var(--void) 0%, rgba(246,247,251,.88) 44%, rgba(246,247,251,.35) 100%),
linear-gradient(0deg, var(--void) 2%, transparent 45%); }
html[data-theme="light"] .ind-card .shot::after,
html[data-theme="light"] .case-card .shot::after { background: linear-gradient(180deg, transparent 60%, rgba(246,247,251,.6) 100%); }
html[data-theme="light"] .svc-hero h1,
html[data-theme="light"] .svc-hero .grad-text { background: var(--grad-text); -webkit-background-clip: text; background-clip: text; }
/* home: hero film veil + services deck panels */
html[data-theme="light"] .hero-shade { background:
linear-gradient(180deg, rgba(246,247,251,.55) 0%, rgba(246,247,251,.2) 34%, rgba(246,247,251,.4) 70%, var(--void) 100%),
linear-gradient(90deg, rgba(246,247,251,.9) 0%, rgba(246,247,251,.45) 46%, rgba(246,247,251,.05) 100%) !important; }
html[data-theme="light"] .svc-panel::before { background: linear-gradient(103deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.78) 44%, rgba(255,255,255,.55) 100%) !important; }
html[data-theme="light"] .svc-panel.svc-bright::before { background: linear-gradient(103deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.88) 44%, rgba(255,255,255,.72) 100%) !important; }
html[data-theme="light"] .svc-panel p { text-shadow: none; }
/* office photo cards keep light text over the dark photo */
html[data-theme="light"] .office { --paper: #F3F5FF; --paper-dim: #D5DBF2; }
html[data-theme="light"] .office h3 { color: #F3F5FF; }
/* footer, forms */
html[data-theme="light"] .dx-footer { background: #EEF1F8; }
html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] select { background: #fff; color: var(--paper); }
/* theme toggle button (nav) */
.theme-toggle { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
border: 1px solid rgba(12,20,64,.12); background: transparent; color: #1b2240; cursor: pointer; padding: 0; }
.theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
.theme-toggle svg { width: 17px; height: 17px; }
.theme-toggle .sun { display: none; }
html[data-theme="light"] .theme-toggle .sun { display: block; }
html[data-theme="light"] .theme-toggle .moon { display: none; }