/* Ponte para o design system do Kangoo. GERADO por
   ~/Projects/kangoo/design-system/aplicar-web.py — não editar à mão.
   Fonte dos valores: design-system/tokens.json. */
:root {
  --bg: #F7F9FC;
  --surface: #FFFFFF;
  --surface-2: #FFF6EC;
  --ink: #1F2937;
  --ink-soft: #4A5568;
  --ink-faint: #6B7280;
  --orange: #FF7A00;
  --orange-deep: #C24E00;
  --blue: #1CB0F6;
  --blue-deep: #4F46E5;
  --green: #3D7A00;
  --red: #C4292F;
  --border: #E5E7EB;
  --navy: #4F46E5;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #0F1420;
  --surface: #171E2E;
  --surface-2: #1D2740;
  --ink: #E5E9F2;
  --ink-soft: #AAB4C8;
  --ink-faint: #8A93A6;
  --orange: #FF7A00;
  --orange-deep: #FF9433;
  --blue: #1CB0F6;
  --blue-deep: #A5B4FC;
  --green: #73E61B;
  --red: #FF6B6B;
  --border: #2A3450;
  --navy: #4F46E5;
  }
}
:root[data-theme="dark"] {
  --bg: #0F1420;
  --surface: #171E2E;
  --surface-2: #1D2740;
  --ink: #E5E9F2;
  --ink-soft: #AAB4C8;
  --ink-faint: #8A93A6;
  --orange: #FF7A00;
  --orange-deep: #FF9433;
  --blue: #1CB0F6;
  --blue-deep: #A5B4FC;
  --green: #73E61B;
  --red: #FF6B6B;
  --border: #2A3450;
  --navy: #4F46E5;
}
/* Texto branco sobre laranja (2,6:1) reprova no AA: tinta escura.
   (--green agora é o verde escuro de texto; branco sobre ele passa, então fica.) */
.btn-primary,
.plano .selo,
.start-card b { color: #231208 !important; }
/* Nunito em 800 fica leve no título grande: display é 900 (README, princípio 5) */
h1 { font-weight: 900 !important; }
@media not (prefers-color-scheme: dark) {
  :root:not([data-theme="dark"]) body {
    background: linear-gradient(180deg, #FFF6EC 0, var(--bg) 760px) no-repeat, var(--bg);
  }
}
:root[data-theme="light"] body {
  background: linear-gradient(180deg, #FFF6EC 0, var(--bg) 760px) no-repeat, var(--bg);
}