/* ============================================================
   TEMA CLARO - PONTES PARA PÁGINAS LEGADAS
   Essas páginas nasceram em dark-only. Este arquivo normaliza
   o modo claro sem exigir refatoração completa por página.
============================================================ */

[data-theme="light"] {
  --ink: #0b1220;
  --muted: #5b657a;
  --bg: #f8fafc;
  --card: #ffffff;
  --line: rgba(15, 23, 42, 0.1);
  --shadow:
    0 18px 40px rgba(2, 6, 23, 0.08),
    0 4px 12px rgba(2, 6, 23, 0.05);
  --focus: 0 0 0 3px rgba(250, 204, 21, 0.18);
}

[data-theme="light"] body {
  background:
    radial-gradient(circle at top left, #f8fafc, #eef2f7 42%, #f8fafc);
  color: var(--ink);
}

[data-theme="light"] .site-header,
[data-theme="light"] .sticky-actions {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.94));
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.08);
}

[data-theme="light"] .brand a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 18px;
  background: linear-gradient(145deg, #0f172a, #111827);
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.14);
}

[data-theme="light"] .brand img {
  filter: drop-shadow(0 10px 22px rgba(2, 6, 23, 0.14));
}

[data-theme="light"] .menu {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.96));
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
}

[data-theme="light"] .nav-link,
[data-theme="light"] .mnav-link,
[data-theme="light"] .mnav-more-btn,
[data-theme="light"] .mnav-item {
  color: #0b1220;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .mnav-item:hover {
  background: rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .hero h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] summary {
  color: #0f172a;
}

[data-theme="light"] .muted,
[data-theme="light"] .kicker,
[data-theme="light"] .status,
[data-theme="light"] .hint {
  color: var(--muted);
}

[data-theme="light"] .kicker .iconify {
  color: var(--muted);
}

[data-theme="light"] .card,
[data-theme="light"] details,
[data-theme="light"] .mnav-dropdown {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: var(--shadow);
}

[data-theme="light"] .pill,
[data-theme="light"] .chip,
[data-theme="light"] .input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .btn-soft,
[data-theme="light"] .mnav-link,
[data-theme="light"] .mnav-more-btn {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(15, 23, 42, 0.12);
  color: #0b1220;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
}

[data-theme="light"] .chip .iconify,
[data-theme="light"] .pill .iconify {
  color: #d97706;
}

[data-theme="light"] .chip[aria-pressed="true"] {
  box-shadow: 0 14px 30px rgba(250, 204, 21, 0.22);
}

[data-theme="light"] .input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #64748b;
}

[data-theme="light"] summary .plus,
[data-theme="light"] .plus,
[data-theme="light"] summary .right,
[data-theme="light"] summary .right .iconify {
  color: #0f172a;
}

[data-theme="light"] summary .plus,
[data-theme="light"] .plus {
  border-color: rgba(15, 23, 42, 0.14);
}

[data-theme="light"] .divider {
  background: rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .btn {
  box-shadow: 0 16px 34px rgba(2, 6, 23, 0.14);
}

[data-theme="light"] footer {
  background: radial-gradient(circle at top, #ffffff, #eef2f7);
  border-top-color: rgba(15, 23, 42, 0.1);
  color: #64748b;
}

@media (min-width: 769px) {
  .menu {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.mnav-dropdown {
  max-height: 70vh;
  overflow: auto;
}