* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #1D8A87;
  --accent: #1D8A87;
  --background: #ffffff;
  --text: #2B2620;
  --light-bg: #FFF8EF;
  --success: #28a745;
  --border-radius: 8px;
  /* Fallback del tema "Infantil Elegante" — se usa solo si la app `temas`
     no puede leer el tema activo de la base de datos (ver temas/models.py). */
  --t-bg: #FFF8EF;
  --t-panel: #FFFFFF;
  --t-accent: #1D8A87;
  --t-accent2: #F0784E;
  --t-text: #2B2620;
  --t-muted: rgba(43,38,32,.55);
  --t-line: rgba(29,138,135,.18);
  --t-accent-faint: rgba(29,138,135,.07);
  --t-accent-hover: rgba(29,138,135,.10);
  --t-accent-mid: rgba(29,138,135,.15);
  --t-text-dim: rgba(43,38,32,.60);
  --t-text-faint: rgba(43,38,32,.35);
  --t-text-ghost: rgba(43,38,32,.22);
  --t-color-scheme: light;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: var(--text);
  background-color: var(--background);
  line-height: 1.6;
}