/* Colores de TejeMom para la web (landing, revisión, borrado de cuenta). Fuente: tokens.json. */
:root {
  --tm-rosa-carino: #FADADD;
  --tm-coral-tejido: #FF8A8A;
  --tm-durazno-suave: #FFCBA7;
  --tm-crema-natural: #FFF6ED;
  --tm-terracota: #D56B5B;
  --tm-cacao: #5A3E36;
  --tm-coral-profundo: #B84A55;

  --tm-fondo: var(--tm-crema-natural);
  --tm-superficie: #FFFFFF;
  --tm-superficie-suave: var(--tm-rosa-carino);
  --tm-texto: var(--tm-cacao);
  --tm-texto-suave: #7A5E55;
  --tm-acento: var(--tm-coral-profundo);
  --tm-sobre-acento: #FFFFFF;
  --tm-marca: var(--tm-coral-tejido);
  --tm-borde: #F0DCD3;
  --tm-campo: #7A5E55;
  --tm-aviso: #8A4B00;
  --tm-aviso-fondo: #FFE9CC;
  --tm-ok: #2E6B3F;
  --tm-ok-fondo: #E2F1E4;

  --tm-fuente-logo: "Baloo 2", "Nunito", system-ui, sans-serif;
  --tm-fuente-ui: "Nunito", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tm-fondo: #1F1714;
    --tm-superficie: #2B1F1B;
    --tm-superficie-suave: #3A2A25;
    --tm-texto: var(--tm-crema-natural);
    --tm-texto-suave: #D9C6BC;
    --tm-acento: var(--tm-coral-tejido);
    --tm-sobre-acento: #1F1714;
    --tm-borde: #4A3832;
    --tm-campo: #D9C6BC;
    --tm-aviso: #FFCB8A;
    --tm-aviso-fondo: #3D2A12;
    --tm-ok: #9AD5A7;
    --tm-ok-fondo: #1D3324;
  }
}
:root[data-theme="dark"] {
  --tm-fondo: #1F1714;
  --tm-superficie: #2B1F1B;
  --tm-superficie-suave: #3A2A25;
  --tm-texto: var(--tm-crema-natural);
  --tm-texto-suave: #D9C6BC;
  --tm-acento: var(--tm-coral-tejido);
  --tm-sobre-acento: #1F1714;
  --tm-borde: #4A3832;
  --tm-campo: #D9C6BC;
  --tm-aviso: #FFCB8A;
  --tm-aviso-fondo: #3D2A12;
  --tm-ok: #9AD5A7;
  --tm-ok-fondo: #1D3324;
}