/* Paleta compartilhada: Planeta do Bebê e PlanetaHub.
   Ajuste estes tokens para alterar as cores das duas telas. */
:root {
  --brand-blue: #185adb;
  --brand-blue-hover: #1246ab;
  --brand-navy: #14294b;
  --brand-cyan: #00bce8;
  --brand-soft: #eef4ff;
  --brand-border: #d8e3f5;
  --brand-focus: #5193f5;
  --surface-page: #f6f7fa;
  --surface-card: #ffffff;
  --surface-raised: #ffffff;
  --surface-hover: #f4f6fb;
  --surface-input: #ffffff;
  --line: #e5eaed;
  --text-primary: #24334b;
  --text-secondary: #59677c;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --brand-blue: #6ea8ff;
  --brand-blue-hover: #91bdff;
  --brand-navy: #edf4ff;
  --brand-cyan: #27d4ee;
  --brand-soft: #172d4d;
  --brand-border: #2b4b72;
  --brand-focus: #78adff;
  --surface-page: #0b1422;
  --surface-card: #111d2f;
  --surface-raised: #17243a;
  --surface-hover: #1b2b43;
  --surface-input: #0e1929;
  --line: #293950;
  --text-primary: #edf3fb;
  --text-secondary: #a8b6c9;
}