/* Los mismos tokens que Cocinala/Views/Shared/Theme.swift.
 *
 * Escritos a mano y no generados: son doce valores que no cambian, y un
 * generador para doce valores es más código del que ahorra. Lo que sí importa
 * es que si uno cambia en el tema de la app, cambia aquí — la landing y la app
 * tienen que parecer el mismo producto, porque lo son. */
:root {
  --fondo: #FBFAF6;
  --tarjeta: #FFFFFF;
  --brote: #F1F5E6;
  --campo: rgba(30, 36, 24, 0.06);

  --tinta: #1E2418;
  --tinta-68: rgba(30, 36, 24, 0.68);
  --tinta-45: rgba(30, 36, 24, 0.45);
  --linea: rgba(30, 36, 24, 0.10);

  --verde: #4A7A3A;
  --verde-oscuro: #3D6630;
  --sobre-verde: #FFFFFF;

  --ambar-relleno: #F5E7C8;
  --ambar-texto: #7A5A16;
  --peligro: #C4432B;

  --placeholder-claro: #EFECE1;
  --placeholder-oscuro: #E7E3D6;

  /* Cinco radios, y ninguno más. */
  --radio-control: 10px;
  --radio-foto: 12px;
  --radio-tarjeta: 14px;
  --radio-hoja: 22px;
  --radio-pildora: 999px;

  /* La única sombra del sistema. */
  --sombra-flotante: 0 8px 24px rgba(20, 18, 14, 0.10);

  --ancho-max: 1160px;
}