:root {
  /* Paleta — inspirada en el expediente escolar / la carpeta de manila */
  --color-paper: #F1ECDD;         /* fondo cálido, tono papel */
  --color-paper-alt: #E9E2CC;     /* franjas, hover suave */
  --color-card: #FBF9F3;          /* tarjetas sobre el papel */
  --color-ink: #23324A;           /* texto principal, azul tinta */
  --color-ink-soft: #5B6478;      /* texto secundario */
  --color-line: #D9D0B7;          /* líneas / bordes sutiles */

  --color-primary: #2B3A67;       /* azul índigo — institucional */
  --color-primary-dark: #1D2A4D;
  --color-secondary: #2F7166;     /* verde pestaña — crecimiento / progreso */
  --color-accent: #C7952B;        /* dorado — pestaña / destacado */
  --color-alert: #C1503C;         /* coral — alertas, eliminar */
  --color-alert-bg: #F7E4DE;

  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-card: 0 1px 2px rgba(35, 50, 74, 0.06), 0 4px 14px rgba(35, 50, 74, 0.08);
  --shadow-card-hover: 0 2px 4px rgba(35, 50, 74, 0.08), 0 10px 24px rgba(35, 50, 74, 0.12);

  --sidebar-w: 248px;
}

@media (prefers-color-scheme: dark) {
  /* La app usa un único tema intencional (papel cálido) por legibilidad
     y consistencia institucional; no se ofrece modo oscuro automático. */
}