/* Base visual EduSafe: paleta y tipografía del HTML de referencia. */
:root {
  color-scheme: light;
  --verde: #0a8a3c;
  --verde-oscuro: #066b2d;
  --amarillo: #ffd400;
  --fondo: #eaf7ee;
  --texto: #14301f;
  --azul: #2f8fd8;
  --rosa: #e0559b;
  --fuente: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { min-width: 320px; }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--fondo);
  color: var(--texto);
  font: 20px/1.45 var(--fuente);
}
button, input { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--verde-oscuro); outline-offset: 3px; }