/* Paleta compartida: grafito y celeste. */
:root {
  color-scheme: dark;
  --theme-base: #202326;
  --theme-section: #262a2e;
  --theme-surface: #2d3237;
  --theme-deep: #191d20;
  --theme-tint: #253944;
  --theme-text: #f0f4f7;
  --theme-muted: #b8c3cc;
  --theme-accent: #79cff5;
  --theme-accent-hover: #a5e2fc;
  --theme-on-accent: #132630;
  --theme-line: #454e56;
  --theme-control-line: #7b8995;
  --dx-primary: var(--theme-accent);
  --dx-primary-soft: var(--theme-accent-hover);
  --dx-dark: var(--theme-base);
  --dx-deep: var(--theme-deep);
  --dx-text-strong: var(--theme-text);
  --dx-text-soft: var(--theme-muted);
  --dx-border-soft: var(--theme-line);
  --dx-surface: var(--theme-surface);
  --dx-surface-soft: var(--theme-section);
}

/* Las páginas secundarias conservan su estructura y comparten la paleta. */
body.secondary-page { background: var(--theme-base); color: var(--theme-muted); }
.secondary-page ::selection { background: var(--theme-accent); color: var(--theme-on-accent); }
.secondary-page a { color: var(--theme-accent); }
.secondary-page a:hover { color: var(--theme-accent-hover); }
.secondary-page a:focus-visible { outline: 3px solid var(--theme-accent); outline-offset: 4px; }
.secondary-page #header { background: rgba(32,35,38,.97); border-color: var(--theme-line); box-shadow: 0 8px 28px rgba(0,0,0,.12); }
.secondary-page .navbar a, .secondary-page .navbar a:focus { color: var(--theme-text); }
.secondary-page .navbar a:hover, .secondary-page .navbar .active { color: var(--theme-accent); }
.secondary-page .breadcrumbs { background: var(--theme-section); color: var(--theme-muted); }
.secondary-page .breadcrumbs h2, .secondary-page .legal-page :is(h1,h2,h3,h4,strong), .secondary-page .operator-facts dd { color: var(--theme-text); }
.secondary-page .legal-page { background: var(--theme-base); }
.secondary-page .legal-page p, .secondary-page .operator-facts dt { color: var(--theme-muted); }
.secondary-page .legal-date { color: var(--theme-muted) !important; }
.secondary-page :is(.content-shell,.trust-card,.small-note) { background: var(--theme-surface); border-color: var(--theme-line); box-shadow: none; }
.secondary-page .small-note, .secondary-page .trust-card p { color: var(--theme-muted); }
.secondary-page :is(.badge-legacy,.section-kicker,.project-link) { background: var(--theme-tint); color: var(--theme-accent); border-color: var(--theme-line); }
.secondary-page .legal-page a { color: var(--theme-accent); }
.secondary-page .legal-page a:hover { color: var(--theme-accent-hover); }
.secondary-page :is(a.hero-btn,a.service-cta,a.footer-cta-btn,a.get-started-btn,a.back-to-top) { background: var(--theme-accent); color: var(--theme-on-accent); border-color: var(--theme-accent); box-shadow: none; }
.secondary-page :is(a.hero-btn,a.service-cta,a.footer-cta-btn,a.get-started-btn,a.back-to-top):hover { background: var(--theme-accent-hover); color: var(--theme-on-accent); border-color: var(--theme-accent-hover); }
.secondary-page :is(a.hero-btn-outline,a.service-cta-secondary) { background: var(--theme-tint); color: var(--theme-accent); border-color: var(--theme-accent); }
.secondary-page .back-to-top i { color: inherit; }
.secondary-page #footer { background: var(--theme-deep); color: var(--theme-muted); }
.secondary-page .footer-cta { background: var(--theme-section); border-color: var(--theme-line); }
.secondary-page #footer .footer-top { background: var(--theme-base) !important; border-color: var(--theme-line) !important; }
.secondary-page #footer :is(h3,h4,strong) { color: var(--theme-text); }
.secondary-page #footer a:not(.footer-cta-btn) { color: var(--theme-accent); }
.secondary-page #footer a:not(.footer-cta-btn):hover { color: var(--theme-accent-hover); }
.secondary-page .footer-cta p { color: var(--theme-muted); }
.secondary-page .footer-cta-kicker { color: var(--theme-accent); }
.secondary-page #preloader { background: var(--theme-base); }
.secondary-page #preloader::before { border-top-color: var(--theme-accent); border-bottom-color: var(--theme-accent); }
@media (max-width: 991px) {
  .secondary-page .navbar-mobile { background: rgba(25,29,32,.98); }
  .secondary-page .navbar-mobile ul { background: var(--theme-surface); border-color: var(--theme-line); }
  .secondary-page .navbar-mobile a, .secondary-page .navbar-mobile a:focus { color: var(--theme-text) !important; }
  .secondary-page .navbar-mobile a:hover, .secondary-page .navbar-mobile .active { color: var(--theme-accent) !important; background: var(--theme-tint) !important; }
  .secondary-page .mobile-nav-toggle { color: var(--theme-accent); background: var(--theme-tint); border-color: var(--theme-line); }
}