/* Tema escuro da landing (build do React sem o fonte neste repositório).
   Remapeia os tokens --cd-* do bundle e troca as superfícies que o build deixou em #fff. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --cd-blue: #3E67CF;
  --cd-gray: #2B3862;
  --cd-ice: #1B2750;
  --cd-dark: #EAF0FA;
  --cd-muted: #A3B1D1;
  --cd-teal-ink: #49DEC0;
  --cd-orange-ink: #F2A25A;
  --cd-shadow-card: 0 14px 30px -18px rgb(0 0 0 / 55%);
  --cd-shadow-card-teal: 0 14px 30px -20px rgb(73 222 192 / 35%);
  --cd-shadow-card-orange: 0 14px 30px -20px rgb(233 136 40 / 30%);
  --cd-shadow-hero: 0 24px 60px -28px rgb(0 0 0 / 60%);
  --cd-shadow-nav: 0 8px 24px -14px rgb(0 0 0 / 60%);
}

:root[data-theme="dark"] body {
  background-color: #0B1226;
  color: #EAF0FA;
}

/* superfícies que o build deixou em branco */
:root[data-theme="dark"] .card-surface,
:root[data-theme="dark"] .card-soft,
:root[data-theme="dark"] .card-hero,
:root[data-theme="dark"] .nav-float__inner,
:root[data-theme="dark"] .nav-float__menu {
  background-color: #131C38;
  border: 1px solid #2B3862;
}

:root[data-theme="dark"] .bg-white\/80 { background-color: rgb(19 28 56 / 80%); }

/* azul de texto/link sobre superfície escura */
:root[data-theme="dark"] .text-brand-blue,
:root[data-theme="dark"] .pill-ice,
:root[data-theme="dark"] .pill-blue,
:root[data-theme="dark"] .btn-secondary,
:root[data-theme="dark"] .nav-item:hover,
:root[data-theme="dark"] .nav-float__toggle,
:root[data-theme="dark"] .btn-white {
  color: #8FB0FF;
}

:root[data-theme="dark"] .btn-white { background-color: #1B2750; }

/* texto escuro fixo sobre preenchimentos teal/laranja (o token --cd-dark vira claro no escuro) */
:root[data-theme="dark"] .bg-brand-teal.text-brand-dark,
:root[data-theme="dark"] .bg-brand-orange.text-brand-dark,
:root[data-theme="dark"] .btn-accent {
  color: #0B1226;
}