/* GENERADO — no editar a mano.
   Sale de contenido.json: node generar-tokens.mjs
   Los 7 colores de arriba son los de brand_assets/BRAND.md y son los que el
   panel deja cambiar. Los de abajo se calculan a partir de ellos. */
:root {
  --crema: #f1e9da;
  --frutilla: #b23a4e;
  --rosa-flor: #e88c93;
  --verde-campo: #4f6b4a;
  --salvia: #a9bf9c;
  --arcilla: #c79063;
  --tierra: #2e2a25;

  /* Superficies derivadas: la profundidad se hace con color, no con sombra */
  --crema-hondo: #eadec7;
  --verde-hondo: #445c40;
  --crema-alto: #fbf8f4;
  --frutilla-hover: #9f3446;

  /* Arcilla y salvia corridas sólo para texto: los tokens de marca no llegan a
     AA en 14px. El token original queda intacto para superficies y bordes. */
  --arcilla-texto: #8d5d34;
  --salvia-texto: #dbe3d2;

  --display: "Fraunces", Georgia, serif;
  --body: "Karla", system-ui, sans-serif;
}