/* White theme. Loaded last: it re-maps the design tokens to a light palette.
   The animated hero frame, product mock-ups and CTA band stay navy (the footer is white since 2026-11-07) (they are "screens"/brand panels),
   so they re-declare the original dark tokens below. */
:root {
  --dx-bg: #FFFFFF;
  --dx-bg-2: #F4F8FF;
  --dx-accent: #076A80;            /* cyan darkened for AA text on white; buttons use --dx-cyan */
  --dx-cyan: #21C6E8;
  --dx-text: #0B1426;
  --dx-text-2: #3E5069;
  --dx-border: rgba(11, 20, 38, 0.10);
  --dx-border-strong: rgba(11, 20, 38, 0.22);
  --dx-surface: #FFFFFF;
  --dx-ink: #06101F;
  --studio-hi: #11704A;
  --insight-hi: #035B8C;
  --forge-hi: #8A5A00;
  --shadow-card: 0 18px 44px -24px rgba(11, 20, 38, 0.28);
  --glow-accent: 0 8px 24px -10px rgba(33, 198, 232, 0.6);
  --glow-studio: 0 8px 24px -10px rgba(32, 169, 107, 0.5);
  --glow-insight: 0 8px 24px -10px rgba(2, 132, 199, 0.5);
}
/* Dark panels keep the original palette */
.hero, .hx, .visual, .cta-band {
  --dx-bg: #0B1426; --dx-bg-2: #172840; --dx-accent: #21C6E8; --dx-text: #F4F8FF; --dx-text-2: #B8C9DF;
  --dx-border: rgba(184, 201, 223, 0.16); --dx-border-strong: rgba(184, 201, 223, 0.3);
  --studio-hi: #35D18B; --insight-hi: #38BDF8; --forge-hi: #F5B544; --dx-surface: #12233C;
  --shadow-card: 0 18px 50px -24px rgba(0, 0, 0, 0.65);
  color: var(--dx-text-2);
}
.hx a:not(.btn-dx), .cta-band a:not(.btn-dx), .site-footer a:not(.btn-dx) { color: var(--dx-accent); }
.cta-band .btn-dx-ghost { color: var(--dx-text); }
/* Primary buttons: #0369A1 with white text is 5.9:1 (WCAG AA for normal text). The earlier #38BDF8 was 2.1:1. */
.btn-dx-primary, .btn-dx-primary:hover { background: #0369A1; border-color: #0369A1; color: #fff; }
.btn-dx-primary:hover { background: #075985; border-color: #075985; }
.btn-dx-studio { background: #35D18B; } .btn-dx-insight { background: #38BDF8; }
.btn-dx-ghost:hover { background: rgba(10, 124, 150, 0.08); }
.cta-band .btn-dx-ghost:hover, .site-footer .btn-dx-ghost:hover { background: rgba(33, 198, 232, 0.08); }

.site-header { background: rgba(255, 255, 255, 0.94); border-bottom: 1px solid #E3EAF3; }
.primary-nav > ul > li > a:hover, .menu-button:hover, .submenu a:hover { background: rgba(11, 20, 38, 0.05); }
.submenu { background: #FFFFFF; box-shadow: var(--shadow-card); }

.product-tag { background: #fff; }
.section-alt { background: linear-gradient(180deg, #F4F8FF, #EAF1FB); }
.page-hero { background: radial-gradient(900px 340px at 85% -10%, rgba(33, 198, 232, 0.16), transparent 70%), linear-gradient(180deg, #F4F8FF, #FFFFFF); }
.site-footer { background: #FFFFFF; border-top: 1px solid #E5E7EB; color: var(--dx-text-2); }
.cta-band { background: #08101F; border-top: 1px solid rgba(184, 201, 223, 0.12); }

.product-studio { background: linear-gradient(180deg, rgba(32, 169, 107, 0.10), rgba(255, 255, 255, 0) 70%); }
.product-insight { background: linear-gradient(180deg, rgba(2, 132, 199, 0.10), rgba(255, 255, 255, 0) 70%); }
.visual figcaption { color: #5A6E88; }
code { background: rgba(10, 124, 150, 0.1); }
.indep.studio, .card-dx.studio { background: linear-gradient(180deg, rgba(32, 169, 107, 0.10), #fff); }
.indep.insight, .card-dx.insight { background: linear-gradient(180deg, rgba(2, 132, 199, 0.09), #fff); }
.indep.studio, .card-dx.studio { border-color: rgba(23, 138, 87, 0.45); }
.indep.insight, .card-dx.insight { border-color: rgba(3, 105, 161, 0.45); }
.usecase .outcome { background: rgba(10, 124, 150, 0.07); }
.cap-icon { background: rgba(10, 124, 150, 0.1); border-color: rgba(10, 124, 150, 0.4); }
.badge-pending { color: #8A5300; background: #FFF3DC; border-color: #E0A23A; }
.validation-note { background: #FFF8EA; border-color: #E0A23A; }
.draft-banner { background: #FFF8EA; border-color: #E0A23A; color: #6B4400; }
.compare thead th { background: #EAF1FB; }
.field input:not([type="radio"]):not([type="hidden"]):not([type="checkbox"]), .field select, .field textarea { background: #fff; color: var(--dx-text); }
.field [aria-invalid="true"] { border-color: #C62828; }
.field-error, .validation-message { color: #B3261E; }
.choice span { background: #fff; }
.field input:not([type="radio"]):focus, .field select:focus, .field textarea:focus { box-shadow: 0 0 0 3px rgba(10, 124, 150, 0.25); }
.form-result.success { background: #E9F8F0; } .form-result.error { background: #FDECEC; }
::selection { background: rgba(33, 198, 232, 0.35); color: #0B1426; }
a:hover { color: #075f74; }
.cta-band a:not(.btn-dx):hover, .hx a:not(.btn-dx):hover { color: #6fdcf2; }
.site-footer a:not(.btn-dx):hover { color: #075f74; }
.chip-btn { background: #fff; }
.chip-btn[aria-pressed="true"] { color: #fff; }
.hx .hx-mode.is-active { color: var(--dx-ink); }
.step-num { color: #fff; background: #076A80; }
.step-studio .step-num { background: #11704A; } .step-insight .step-num { background: #035B8C; }
.journey-step { border-color: var(--dx-border); border-top-color: #076A80; } .journey-step.step-studio { border-top-color: #11704A; } .journey-step.step-insight { border-top-color: #035B8C; }

/* Hero breathing room */
.btn-dx-studio, .btn-dx-insight { color: #fff; } .btn-dx-studio { background: #11704A; } .btn-dx-insight { background: #035B8C; }
.btn-dx-studio:hover { background: #0d5a3b; color: #fff; } .btn-dx-insight:hover { background: #024a73; color: #fff; }


/* ===== Corporate home: short, spacious, icon-led ===== */
.cap-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--dx-accent); }
.cap-icon::after { display: none; }
.capability-grid li { align-items: center; padding: 22px 24px; gap: 16px; }
.capability-grid h3 { margin: 0; font-size: 1.05rem; }
.capability-grid li > div { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }

.product-section .product-copy .lead { font-size: 1.2rem; max-width: 520px; margin-bottom: 28px; }
.product-section h2 { margin-bottom: 18px; }
.point-grid { list-style: none; margin: 0 0 36px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; max-width: 560px; }
.point-grid li { display: flex; align-items: center; gap: 14px; font: 600 1rem/1.3 var(--font-heading); color: var(--dx-text); }
.point-ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; }
.product-studio .point-ico { color: var(--studio-hi); background: rgba(53, 209, 139, 0.14); }
.product-insight .point-ico { color: var(--insight-hi); background: rgba(56, 189, 248, 0.14); }
.product-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 28px; }
.text-link { font: 700 1rem var(--font-heading); text-decoration: none; color: var(--dx-accent); }
.text-link:hover { text-decoration: underline; }
.section { padding-block: clamp(72px, 9vw, 128px); }
@media (max-width: 575.98px) { .point-grid { grid-template-columns: 1fr; } }

/* ===== DAXORA Forge (amber) ===== */
.btn-dx-forge, .btn-dx-forge:hover { background: #F5B544; color: #1b1608; box-shadow: var(--glow-forge); }
.btn-dx-forge:hover { background: #f8c566; }
.eyebrow.forge { color: var(--forge-hi); }
.product-forge { background: linear-gradient(180deg, rgba(245, 181, 68, 0.13), rgba(255, 255, 255, 0) 70%); }
.product-forge .point-ico, .card-dx.forge .point-ico, .duo-tab.forge .point-ico, .duo-panel.forge .point-ico { color: var(--forge-hi); background: rgba(245, 181, 68, 0.18); }
.card-dx.forge { border-color: rgba(176, 116, 0, 0.45); background: linear-gradient(180deg, rgba(245, 181, 68, 0.12), #fff); }
.forge .check-list li::before { border-color: #B07400; }
.choice.forge input:checked + span { border-color: #B07400; background: rgba(245, 181, 68, 0.2); }
.duo-tab.forge[aria-selected="true"] { border-color: #B07400; box-shadow: var(--shadow-card); }
.duo-panel.forge { border-top: 4px solid #F5B544; }
.submenu .forge-link strong { color: #F5B544; }
.product-note { margin: 32px 0 0; font-size: 0.9rem; color: var(--dx-text-2); }
.product-forge .product-note { text-align: left; }
.logo-light .logo-word { color: #0B1426; }