:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --bg-alt: #e7ecf7;
  --bg-glass: rgba(255, 255, 255, 0.9);
  --text: #0f172a;
  --muted: #475569;
  --accent: #0ea5e9;
  --accent-strong: #2563eb;
  --accent-glow: rgba(37, 99, 235, 0.25);
  --card-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.97),
    rgba(255, 255, 255, 0.8)
  );
  --card-border: rgba(15, 23, 42, 0.08);
  --shadow-sm: 0 8px 15px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 18px 35px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 28px 65px rgba(15, 23, 42, 0.14);
  --shadow-xl: 0 45px 90px rgba(15, 23, 42, 0.18);
}

:root[data-theme="light"] body {
  background:
    radial-gradient(
      ellipse at 18% 12%,
      rgba(37, 99, 235, 0.18),
      transparent 45%
    ),
    radial-gradient(
      ellipse at 78% 28%,
      rgba(14, 165, 233, 0.15),
      transparent 55%
    ),
    radial-gradient(
      ellipse at 42% 90%,
      rgba(52, 211, 153, 0.1),
      transparent 60%
    ),
    linear-gradient(180deg, #fdfefe 0%, #eef3fb 55%, #e4ebf7 100%);
  color: var(--text);
}

:root[data-theme="light"] .site-toolbar {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.97),
      rgba(255, 255, 255, 0.85)
    ),
    rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

:root[data-theme="light"] .site-toolbar:hover {
  border-color: rgba(15, 23, 42, 0.2);
  box-shadow:
    var(--shadow-lg),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .site-toolbar__group {
  border-color: rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] .site-toolbar__toggle {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

:root[data-theme="light"] .site-toolbar__toggle:hover,
:root[data-theme="light"] .site-toolbar__toggle:focus-visible {
  border-color: rgba(14, 165, 233, 0.4);
  background: rgba(14, 165, 233, 0.12);
}

:root[data-theme="light"] .site-nav a {
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.85);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

:root[data-theme="light"] .language-dropdown__button,
:root[data-theme="light"] .theme-toggle {
  border: none;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] .site-nav a:hover,
:root[data-theme="light"] .site-nav a:focus-visible {
  border-color: rgba(14, 165, 233, 0.4);
  background: rgba(14, 165, 233, 0.12);
  box-shadow: 0 0 18px rgba(14, 165, 233, 0.25);
}

:root[data-theme="light"] .language-dropdown__button:hover,
:root[data-theme="light"] .language-dropdown__button:focus-visible,
:root[data-theme="light"] .theme-toggle:hover,
:root[data-theme="light"] .theme-toggle:focus-visible {
  box-shadow: none;
}

:root[data-theme="light"] .site-nav a[aria-current="page"] {
  border-color: rgba(37, 99, 235, 0.45);
  background: rgba(37, 99, 235, 0.14);
  box-shadow:
    0 0 22px rgba(37, 99, 235, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .language-dropdown.is-open .language-dropdown__button,
:root[data-theme="light"] .theme-toggle[aria-pressed="true"] {
  box-shadow: none;
}

:root[data-theme="light"] .language-dropdown__menu {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 249, 255, 0.95)
    ),
    rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    var(--shadow-lg),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .language-dropdown__option:hover,
:root[data-theme="light"] .language-dropdown__option:focus-visible {
  border-color: rgba(14, 165, 233, 0.5);
  background: rgba(14, 165, 233, 0.15);
}

:root[data-theme="light"] .language-dropdown__option[aria-selected="true"] {
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(37, 99, 235, 0.15);
}

:root[data-theme="light"] .brand-badge {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.96),
      rgba(245, 247, 255, 0.9)
    );
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .store-badge {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.96),
      rgba(245, 247, 255, 0.9)
    );
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: var(--text);
}

:root[data-theme="light"] .section--contrast,
:root[data-theme="light"] .section--emphasis,
:root[data-theme="light"] .cta,
:root[data-theme="light"] .page__header {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 255, 0.9)
    );
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    var(--shadow-lg),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .quote__badge {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: var(--muted);
}

:root[data-theme="light"] .page-card,
:root[data-theme="light"] .faq__item,
:root[data-theme="light"] .contact-card,
:root[data-theme="light"] .keylist__item,
:root[data-theme="light"] .list-inline li,
:root[data-theme="light"] .notice,
:root[data-theme="light"] .badge {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: var(--text);
}

:root[data-theme="light"] .notice {
  border-style: dashed;
  color: var(--muted);
}

:root[data-theme="light"] footer {
  color: var(--muted);
}

:root[data-theme="light"] footer a {
  color: var(--accent-strong);
}

@media (max-width: 640px) {
  :root[data-theme="light"] .site-toolbar__group {
    border-top: 1px solid rgba(15, 23, 42, 0.1);
  }
}