:root {
  --bg: #ffffff;
  --surface: #f6f8fc;
  --fg: #111318;
  --muted: #657086;
  --border: #dfe4ec;
  --accent: #2f63e8;
  --accent-glow: #2f63e814;
  --accent-soft: color-mix(in oklch, var(--accent) 12%, transparent);
  --od-cosmos-halo: #2f63e83d;
  --od-cosmos-halo-soft: #2f63e81f;
  --od-cosmos-nebula-a: #2f63e81a;
  --od-cosmos-nebula-b: #8bbdff1f;
  --od-cosmos-nebula-c: #c5dcff29;
}

html {
  color-scheme: light;
}

.nav {
  background: #ffffffeb;
}

.nav-menu {
  background: #ffffff;
}

.nav-logo img,
.footer-brand .footer-logo {
  filter: invert(1);
}

.hero-headline .slash {
  color: #244fbf;
}

.btn-primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

.btn-primary:hover {
  background: #244fbf;
}

.eco-card:hover {
  background: #eef3ff;
}

.eco-icon,
.gaming-card-icon {
  border-color: #2f63e833;
}

.coming-soon-toast {
  background: #ffffff;
  box-shadow: 0 18px 42px #23345f1f;
}

.career-principles li,
.press-social-icon {
  background: #f6f8fc;
}

.press-news-empty {
  background: linear-gradient(135deg, #f6f8fc, transparent), #ffffff;
}

.contact-card {
  box-shadow: 0 24px 80px #23345f1f;
}

.contact-field input,
.contact-field textarea {
  background: #ffffff;
}

.contact-error,
.contact-status {
  color: #b42318;
}

.contact-modal,
.cookie-dialog,
.cookie-option {
  background: #ffffff;
}

.contact-modal-backdrop,
.cookie-dialog-backdrop {
  background: #11182785;
}

.contact-modal,
.cookie-dialog {
  box-shadow: 0 24px 70px #23345f29;
}

#od-particle-layer {
  opacity: .86;
  mix-blend-mode: multiply;
  filter: brightness(.64) saturate(2.5) contrast(1.08);
}

.od-cosmos-bg {
  opacity: .56;
}

.od-center-halo {
  opacity: .5;
}

.od-vignette {
  background: radial-gradient(120% 100%, #0000 58%, #2f63e80f 100%);
}

@media (width <= 768px) {
  .nav {
    background: #fffffff2;
  }

  .nav-menu {
    background: #ffffff;
    box-shadow: 0 18px 46px #23345f1f;
  }

  #od-particle-layer {
    opacity: .78;
    filter: brightness(.7) saturate(2.2) contrast(1.06);
  }

  .od-vignette {
    background: radial-gradient(130% 112% at 50% 46%, #0000 52%, #2f63e814 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  #od-particle-layer {
    opacity: .42;
  }
}