/* ==========================================================================
   Zaka2 — Light Theme (Sunlit Egyptian Alabaster & Solar Gold)
   ========================================================================== */
.theme-toggle {
  display: grid;
  place-items: center;
  flex: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink);
  font-size: 20px;
  cursor: pointer;
  transition: all .2s ease;
}
.theme-toggle:hover {
  border-color: var(--copper);
  color: var(--copper);
}

html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="light"] {
  color-scheme: light;
  --paper: #FAF7F2;          /* Sunlit Limestone Alabaster */
  --white: #FFFFFF;          /* Pure Alabaster card */
  --ink: #201915;            /* Nile Basalt Ink */
  --muted: #6C6258;          /* Warm desert silt */
  --line: rgba(52, 37, 28, 0.14);
  --lime: #C9933B;           /* Regal Electrum Gold */
  --lime-dark: #A67325;
  --copper: #C9933B;
  --ice: #0284C7;            /* Lapis Lazuli beam */
}

html[data-theme="light"] .header {
  background: rgba(250, 247, 242, 0.92);
  border-bottom: 1px solid var(--line);
}
html[data-theme="light"] :is(.hero, .services) { background: var(--paper); }
html[data-theme="light"] .hero h1 em { color: #7A6F65; }
html[data-theme="light"] .hero h1 .highlight {
  background-image: linear-gradient(110deg, #A67325, #C9933B, #8C5E1E);
}
html[data-theme="light"] .hero::before {
  background: radial-gradient(ellipse at 78% 43%, rgba(201, 147, 59, 0.14), transparent 48%),
              radial-gradient(ellipse at 8% 8%, rgba(2, 132, 199, 0.10), transparent 42%);
}
html[data-theme="light"] .hero::after {
  opacity: .35;
  background-image: radial-gradient(rgba(201, 147, 59, 0.35) .7px, transparent .7px);
}
html[data-theme="light"] :is(.hero-foot, .field-caption, .hero-orbit-label small, .service-num, .profile-intro p, .vm p, .contact-card .sub, .contact-card .small) {
  color: var(--muted);
}
html[data-theme="light"] .hero-foot .dash { background: var(--copper); }
html[data-theme="light"] .hero-art::before {
  background: radial-gradient(circle, #F3EAE0, #FAF7F2 70%);
  box-shadow: 0 0 80px rgba(201, 147, 59, 0.12);
}
html[data-theme="light"] :is(.brand-art, .logo-stage) { mix-blend-mode: multiply; }
html[data-theme="light"] :is(.wordmark, .original-hero-logo) {
  filter: none;
  mix-blend-mode: multiply;
  opacity: 1;
}
html[data-theme="light"] .orbital-ring { border-color: rgba(201, 147, 59, 0.45); }
html[data-theme="light"] .orbital-ring.two { border-color: rgba(2, 132, 199, 0.35); }
html[data-theme="light"] .orbital-ring::after { background: var(--copper); }

html[data-theme="light"] :is(.ticker, .portfolio, .proof, .footer) {
  background: #F2ECE2;
  color: var(--muted);
}
html[data-theme="light"] .profile {
  background: linear-gradient(145deg, #F5EEE4, #FAF7F2);
}
html[data-theme="light"] .profile::before { color: rgba(201, 147, 59, 0.08); }

html[data-theme="light"] :is(.vm, .service, .do-row, .why, .portfolio-card, .offering-card, .route-card, .product-card, .proof-note, .contact-card) {
  background: linear-gradient(145deg, #FFFFFF, #F8F3EA);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme="light"] .vm::before {
  background: radial-gradient(circle, rgba(201, 147, 59, 0.18), transparent 68%);
  opacity: .75;
}
html[data-theme="light"] .vm::after {
  background: repeating-linear-gradient(135deg, transparent 0 13px, rgba(201, 147, 59, 0.06) 13.5px 14px);
}
html[data-theme="light"] .service:hover {
  background: #FFFFFF;
  border-color: var(--copper) !important;
  box-shadow: 0 16px 45px rgba(52, 37, 28, 0.08);
}
html[data-theme="light"] .portfolio-card:hover {
  box-shadow: 0 18px 45px rgba(52, 37, 28, 0.09);
  border-color: var(--copper);
}
html[data-theme="light"] :is(.portfolio-group-head, .capability-art, .portfolio-media) {
  border-color: var(--line);
}
html[data-theme="light"] .portfolio-filter {
  color: var(--muted);
  background: #F3EDE4;
  border-color: var(--line);
}
html[data-theme="light"] .portfolio-filter[aria-pressed="true"] {
  background: var(--ink);
  color: #FAF7F2;
  border-color: var(--ink);
}
html[data-theme="light"] .portfolio-visual-tag,
html[data-theme="light"] .do-row .num {
  background: #FFFFFF;
  color: var(--copper);
  border-color: var(--line);
}
html[data-theme="light"] .layer {
  background: radial-gradient(ellipse at 80% 50%, rgba(201, 147, 59, 0.12), transparent 55%), #FAF7F2;
}
html[data-theme="light"] .core {
  background: radial-gradient(circle, #F7CB78, #C9933B);
  color: #201915;
  border-color: var(--copper);
}
html[data-theme="light"] .node {
  background: #FFFFFF;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="light"] .step .number { color: var(--copper); }
html[data-theme="light"] .contact {
  background: linear-gradient(135deg, #F3EAE0 0%, #FAF7F2 100%);
}
html[data-theme="light"] .product-copy .product-note {
  color: #7A4E26;
  background: rgba(201, 147, 59, 0.08);
}
html[data-theme="light"] :is(.btn, .btn.lime, .contact-card a.btn, .chat-send) {
  background: linear-gradient(135deg, #C9933B 0%, #A67325 100%);
  border-color: var(--copper);
  color: #FFFFFF;
}
html[data-theme="light"] :is(.btn, .btn.lime, .contact-card a.btn, .chat-send):hover {
  background: linear-gradient(135deg, #DDA44A 0%, #C9933B 100%);
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(201, 147, 59, 0.25);
}
html[data-theme="light"] :is(.btn.outline, .nav-cta) {
  background: transparent;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="light"] :is(.btn.outline, .nav-cta):hover {
  background: #F3EDE4;
  color: var(--copper);
  border-color: var(--copper);
}
html[data-theme="light"] .assistant-link {
  background: rgba(255, 255, 255, 0.94);
  color: var(--copper);
  border-color: var(--copper);
  box-shadow: 0 8px 30px rgba(52, 37, 28, 0.12);
}
html[data-theme="light"] .chat-panel {
  background: #FFFFFF;
  color: var(--ink);
  border-color: var(--line);
  box-shadow: 0 24px 80px rgba(52, 37, 28, 0.18);
}
html[data-theme="light"] :is(.chat-heading, .chat-close, .chat-bubble, .chat-form input) {
  border-color: var(--line);
}
html[data-theme="light"] :is(.chat-sub, .chat-notice) { color: var(--muted); }
html[data-theme="light"] .chat-close { background: #F3EDE4; color: var(--ink); }
html[data-theme="light"] .chat-bubble { background: #F5EFE6; color: var(--ink); }
html[data-theme="light"] .chat-bubble.assistant { color: var(--ink); }
html[data-theme="light"] .chat-bubble.user {
  background: rgba(201, 147, 59, 0.12);
  color: #5A3916;
  border-color: rgba(201, 147, 59, 0.3);
}
html[data-theme="light"] .chat-form input { background: #FFFFFF; color: var(--ink); }
html[data-theme="light"] .chat-form input::placeholder { color: var(--muted); }
html[data-theme="light"] :is(.chat-suggestions button, .chat-retry, .chat-human) { color: var(--ice); }
html[data-theme="light"] .chat-suggestions button {
  background: rgba(2, 132, 199, 0.08);
  border-color: rgba(2, 132, 199, 0.25);
}
html[data-theme="light"] .chat-status { color: var(--copper); }

@media (max-width: 900px) {
  html[data-theme="light"] .navlinks { background: #FAF7F2; }
}
@media (max-width: 400px) {
  .nav-actions { gap: 6px; }
  .theme-toggle { width: 38px; height: 38px; }
  .nav { gap: 8px; }
  .brand { min-width: 110px; }
}


/* Light theme overrides for new Bento Switcher, Hubs, and Astrolabe */
html[data-theme="light"] .bento-nav {
  background: #FFFFFF;
  border-color: var(--line);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
html[data-theme="light"] .bento-tab.active {
  background: var(--copper);
  color: #FFFFFF;
  box-shadow: 0 2px 12px rgba(201, 147, 59, 0.35);
}
html[data-theme="light"] .bento-card {
  background: #FFFFFF;
  border-color: var(--line);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .bento-card:hover {
  border-color: var(--copper);
  box-shadow: 0 16px 36px rgba(201, 147, 59, 0.15);
}
html[data-theme="light"] .bento-card-media {
  background: #F8F5F0;
  border-bottom-color: var(--line);
}
html[data-theme="light"] .bento-badge {
  background: rgba(14, 165, 233, 0.1);
  color: #0284c7;
  border-color: rgba(14, 165, 233, 0.25);
}
html[data-theme="light"] .matrix-container {
  background: #FFFFFF;
  border-color: var(--line);
}
html[data-theme="light"] .matrix-table th {
  background: #F6F1EA;
  color: var(--ink);
}
html[data-theme="light"] .matrix-table td {
  border-bottom-color: var(--line);
}
html[data-theme="light"] .spec-box,
html[data-theme="light"] .phase-card {
  background: #FFFFFF;
  border-color: var(--line);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}
html[data-theme="light"] .astrolabe-cardinal {
  background: #FFFFFF;
  color: var(--copper);
  border-color: var(--copper);
}
html[data-theme="light"] .astrolabe-core {
  background: radial-gradient(circle, #F7CB78, #FAF7F2);
  border-color: var(--copper);
}
html[data-theme="light"] .hiero-orbit-marker {
  background: #FFFFFF;
  border-color: var(--copper);
}