@import "tailwindcss";

/* ── Almagro font ── */
@font-face {
  font-family: 'Almagro';
  src: url('/fonts/almagro.woff2') format('woff2'),
         url('/fonts/almagro.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@theme {
  --color-primary: #70ad47;
  --color-primary-dark: #5a9040;
  --color-secondary: #F5F0E8;
  --color-accent: #E76F51;
  --color-text: #1a1a1a;
  --color-muted: #6b7280;
  --color-footer-bg: #ffffff;
  --color-footer-text: #1a1a1a;
  --color-footer-muted: #6b7280;
  --font-sans: "Open Sans", system-ui, sans-serif;
}

:root {
  --background: #ffffff;
  --foreground: #1a1a1a;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), system-ui, sans-serif;
}

/* Texto enriquecido de descripciones generadas por IA o editadas en el admin */
.rich-text p {
  margin: 0 0 0.75rem;
}
.rich-text p:last-child {
  margin-bottom: 0;
}
.rich-text ul,
.rich-text ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}
.rich-text ul {
  list-style: disc;
}
.rich-text ol {
  list-style: decimal;
}
.rich-text li {
  margin-bottom: 0.25rem;
}
.rich-text strong {
  font-weight: 600;
  color: inherit;
}