/* Theme default - light.css: theme toggle and the light colour scheme overrides. */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--r-s);
  background: none;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.theme-toggle:hover, .theme-toggle:focus-visible {
  color: var(--primary);
  border-color: var(--line-strong);
  background: rgb(var(--primary-rgb) / 0.1);
}
.theme-toggle svg { width: 1.05rem; height: 1.05rem; }
.theme-toggle .icon-dark { display: none; }
[data-theme="light"] .theme-toggle .icon-dark { display: block; }
[data-theme="light"] .theme-toggle .icon-light { display: none; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .theme-toggle .icon-dark { display: block; }
  :root:not([data-theme]) .theme-toggle .icon-light { display: none; }
}

.foot-partners li { line-height: 1; }
.foot-partners img {
  max-width: 8.5rem;
  max-height: 2.2rem;
  width: auto;
  height: auto;
  opacity: 0.75;
  transition: opacity 0.2s ease;
}
.foot-partners a:hover img,
.foot-partners a:focus-visible img { opacity: 1; }

[data-theme="light"] body,
:root:not([data-theme]) body { background: var(--bg); }

[data-theme="light"] .card,
[data-theme="light"] .tile,
[data-theme="light"] .step,
[data-theme="light"] .faq details,
[data-theme="light"] .rule,
[data-theme="light"] .tpl,
[data-theme="light"] .notice,
[data-theme="light"] .incident,
[data-theme="light"] .rebrand,
[data-theme="light"] .srv-group,
[data-theme="light"] .update {
  background: #ffffff;
  border-color: rgb(var(--ink-rgb) / 0.12);
  box-shadow: 0 1px 2px rgb(24 28 36 / 0.05), 0 8px 20px -18px rgb(24 28 36 / 0.35);
  backdrop-filter: none;
}

[data-theme="light"] .card::after,
[data-theme="light"] .tile::after,
[data-theme="light"] .step::after { display: none; }

[data-theme="light"] .stats { background: rgb(var(--ink-rgb) / 0.12); }
[data-theme="light"] .stat { background: #ffffff; }

[data-theme="light"] .site-header {
  background: rgb(255 255 255 / 0.88);
  border-bottom-color: rgb(var(--ink-rgb) / 0.12);
}

[data-theme="light"] .site-footer {
  background: var(--bg-2);
  border-top-color: rgb(var(--ink-rgb) / 0.12);
}

[data-theme="light"] .mega-inner,
[data-theme="light"] .lang-menu,
[data-theme="light"] .cookie-box {
  background: #ffffff;
  box-shadow: 0 24px 48px -28px rgb(24 28 36 / 0.4);
}

[data-theme="light"] .mega-col { background: var(--bg-2); }

[data-theme="light"] .btn {
  background: #ffffff;
  border-color: rgb(var(--ink-rgb) / 0.18);
}
[data-theme="light"] .btn:hover { background: var(--bg-2); }

[data-theme="light"] .btn-primary {
  background: linear-gradient(160deg, #b06a08, #8f5405 55%, #6b3f03);
  color: #ffffff;
  border: 0;
}

[data-theme="light"] .hero h1 span {
  -webkit-text-fill-color: currentColor;
  color: var(--primary);
  background: none;
  animation: none;
}

[data-theme="light"] .orbit-wrap::before { opacity: 0.35; filter: blur(34px); }

[data-theme="light"] .cta-band {
  background: linear-gradient(120deg, rgb(var(--primary-rgb) / 0.12), rgb(var(--steel-rgb) / 0.1));
  border-color: rgb(var(--ink-rgb) / 0.12);
}

[data-theme="light"] .tpl pre { color: #2b3444; }
[data-theme="light"] .srv-ip { background: var(--bg-2); }
[data-theme="light"] .badge { background: rgb(var(--primary-rgb) / 0.1); }

@media (prefers-color-scheme: light) {
:root:not([data-theme]) body,
:root:not([data-theme]) body { background: var(--bg); }

:root:not([data-theme]) .card,
:root:not([data-theme]) .tile,
:root:not([data-theme]) .step,
:root:not([data-theme]) .faq details,
:root:not([data-theme]) .rule,
:root:not([data-theme]) .tpl,
:root:not([data-theme]) .notice,
:root:not([data-theme]) .incident,
:root:not([data-theme]) .rebrand,
:root:not([data-theme]) .srv-group,
:root:not([data-theme]) .update {
  background: #ffffff;
  border-color: rgb(var(--ink-rgb) / 0.12);
  box-shadow: 0 1px 2px rgb(24 28 36 / 0.05), 0 8px 20px -18px rgb(24 28 36 / 0.35);
  backdrop-filter: none;
}

:root:not([data-theme]) .card::after,
:root:not([data-theme]) .tile::after,
:root:not([data-theme]) .step::after { display: none; }

:root:not([data-theme]) .stats { background: rgb(var(--ink-rgb) / 0.12); }
:root:not([data-theme]) .stat { background: #ffffff; }

:root:not([data-theme]) .site-header {
  background: rgb(255 255 255 / 0.88);
  border-bottom-color: rgb(var(--ink-rgb) / 0.12);
}

:root:not([data-theme]) .site-footer {
  background: var(--bg-2);
  border-top-color: rgb(var(--ink-rgb) / 0.12);
}

:root:not([data-theme]) .mega-inner,
:root:not([data-theme]) .lang-menu,
:root:not([data-theme]) .cookie-box {
  background: #ffffff;
  box-shadow: 0 24px 48px -28px rgb(24 28 36 / 0.4);
}

:root:not([data-theme]) .mega-col { background: var(--bg-2); }

:root:not([data-theme]) .btn {
  background: #ffffff;
  border-color: rgb(var(--ink-rgb) / 0.18);
}
:root:not([data-theme]) .btn:hover { background: var(--bg-2); }

:root:not([data-theme]) .btn-primary {
  background: linear-gradient(160deg, #b06a08, #8f5405 55%, #6b3f03);
  color: #ffffff;
  border: 0;
}

:root:not([data-theme]) .hero h1 span {
  -webkit-text-fill-color: currentColor;
  color: var(--primary);
  background: none;
  animation: none;
}

:root:not([data-theme]) .orbit-wrap::before { opacity: 0.35; filter: blur(34px); }

:root:not([data-theme]) .cta-band {
  background: linear-gradient(120deg, rgb(var(--primary-rgb) / 0.12), rgb(var(--steel-rgb) / 0.1));
  border-color: rgb(var(--ink-rgb) / 0.12);
}

:root:not([data-theme]) .tpl pre { color: #2b3444; }
:root:not([data-theme]) .srv-ip { background: var(--bg-2); }
:root:not([data-theme]) .badge { background: rgb(var(--primary-rgb) / 0.1); }
}

[data-theme="light"] .sky {
  background:
    radial-gradient(58rem 32rem at 82% -10%, rgb(var(--primary-rgb) / 0.1), transparent 62%),
    radial-gradient(46rem 28rem at 8% 4%, rgb(var(--steel-rgb) / 0.12), transparent 62%),
    linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 46%, var(--bg-2) 100%);
}
[data-theme="light"] .sky::before { opacity: 0.75; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .sky {
    background:
      radial-gradient(58rem 32rem at 82% -10%, rgb(var(--primary-rgb) / 0.1), transparent 62%),
      radial-gradient(46rem 28rem at 8% 4%, rgb(var(--steel-rgb) / 0.12), transparent 62%),
      linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 46%, var(--bg-2) 100%);
  }
  :root:not([data-theme]) .sky::before { opacity: 0.75; }
}