/* El Libro de las Hojas — tokens de diseño (Celebrimbor)
   Identidad: «La Ventana Redonda». Cuaderno de campo de la Comarca a media
   tarde: papel crema, lino, salvia, musgo, miel y terracota.
   Fuente de verdad visual: ningún componente declara color, fuente o espaciado
   fuera de este archivo. Contrastes medidos y tabulados en docs/DESIGN.md. */

@import url("https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  color-scheme: light;

  /* --- Papel, lino y mesa --------------------------------------------- */
  --cream-50: #fffcf2;   /* la hoja: superficie de panel */
  --cream-100: #f7f1e2;  /* la mesa: fondo de página */
  --cream-200: #efe6d0;  /* papel hundido: campos, monturas, trazas */
  --cream-300: #e3d8be;  /* línea de cuaderno */
  --cream-400: #d3c6a6;  /* borde de papel */

  /* --- Tinta ----------------------------------------------------------- */
  --ink-900: #2b2417;    /* texto principal — 13.6:1 sobre cream-100 */
  --ink-700: #3e3626;
  --ink-600: #4e4433;    /* texto secundario — 8.5:1 */
  --ink-500: #6a5f4b;    /* metadatos y unidades — 5.6:1 */

  /* --- Colina: musgo y salvia ------------------------------------------ */
  --moss-900: #24402b;
  --moss-800: #2c4a33;   /* acción primaria y foco — 8.7:1 */
  --moss-600: #3f6b4a;   /* estado sano, acento verde — 5.5:1 */
  --moss-300: #8fb08c;   /* ornamento: setos, trazos */
  --sage-200: #dce6d5;   /* huerta */
  --sage-100: #eef3e7;   /* huerta clara: depósito, notas */

  /* --- Miel: acento cálido --------------------------------------------- */
  --honey-800: #8a540e;  /* acento de TEXTO — 5.6:1 */
  --honey-500: #d9a441;  /* ornamento: pomo, filetes. Nunca texto */
  --honey-200: #f3e3bf;  /* banda de nota y de carga */

  /* --- Terracota: lesión y error --------------------------------------- */
  --clay-700: #a63e24;   /* lesión, error — 5.6:1 sobre cream-100 */
  --clay-200: #f8e4d7;   /* fondo de aviso */

  /* --- Línea de control ------------------------------------------------ */
  --edge-500: #8a7c5e;   /* borde de control — 3.6:1 sobre cream-100 */

  /* --- Roles semánticos ------------------------------------------------ */
  --page: var(--cream-100);
  --surface: var(--cream-50);
  --surface-sunken: var(--cream-200);
  --surface-garden: var(--sage-100);
  --surface-garden-strong: var(--sage-200);
  --text: var(--ink-900);
  --text-soft: var(--ink-600);
  --text-muted: var(--ink-500);
  --line: var(--cream-300);
  --line-paper: var(--cream-400);
  --line-control: var(--edge-500);
  --accent: var(--honey-800);
  --accent-ornament: var(--honey-500);
  --accent-wash: var(--honey-200);
  --ok: var(--moss-600);
  --danger: var(--clay-700);
  --alert-bg: var(--clay-200);
  --button-bg: var(--moss-800);
  --button-bg-hover: var(--moss-900);
  --button-text: var(--cream-50);
  --focus: var(--moss-800);
  --backdrop: rgba(43, 36, 23, 0.5);
  --shadow-card:
    0 var(--border-1) var(--border-2) rgba(43, 36, 23, 0.08),
    0 var(--space-4) var(--space-6) calc(-1 * var(--space-5)) rgba(43, 36, 23, 0.38);

  /* --- Datos ----------------------------------------------------------- */
  --data-healthy: var(--moss-600);
  --data-lesion: #a63e24;        /* coincide con LESION_RGB de core/render.py */
  --data-lesion-edge: #7a1f14;   /* contorno de lesión en el overlay */
  --data-vein: #c9a227;          /* oro viejo: sobrevive solo como nervadura */
  --data-series-1: var(--moss-600);
  --data-series-2: var(--honey-800);
  --data-series-3: var(--clay-700);
  --data-series-4: #3f5568;
  --data-series-5: #6b4767;
  --data-series-6: #2f6663;

  /* --- Informe del lote (la página del almanaque) ---------------------- */
  /* La hoja del informe reutiliza papel y tinta; estos tokens fijan su
     formato, sus filetes y la codificación de los gráficos. */
  --report-sheet: var(--cream-50);
  --report-rule: var(--ink-900);        /* filete principal de sección */
  --report-rule-soft: var(--line-paper);
  --report-width: 1120px;
  --report-height: 92dvh;
  --report-seal-size: 112px;
  --report-figure-min: 190px;
  --chart-height: 268px;
  --chart-height-sm: 196px;
  --chart-axis: var(--ink-500);         /* rótulos de ejes — 6.10:1 */
  --chart-grid: var(--cream-300);
  --chart-baseline: var(--ink-900);
  --chart-bar: var(--data-series-3);    /* barras: terracota de lesión */
  --severity-sano: var(--data-series-1);      /* musgo */
  --severity-leve: var(--data-series-2);      /* miel oscura */
  --severity-moderado: var(--data-series-3);  /* terracota */
  --severity-severo: var(--data-series-3);    /* terracota + trama cruzada */
  --print-margin: 14mm;

  /* --- Tipografía (todas SIL Open Font License 1.1) -------------------- */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: "Alegreya", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.875rem;
  --text-3xl: clamp(2.15rem, 4vw, 2.9rem);

  /* --- Espacio y medida ------------------------------------------------ */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --app-width: 1180px;
  --measure: 62ch;
  --aside-width: 320px;

  /* --- Forma, tamaño y ornamento --------------------------------------- */
  --radius-sm: 3px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-full: 999px;
  --border-1: 1px;
  --border-2: 2px;
  --border-rail: 3px;
  --size-touch: 44px;
  --size-brand-seal: 64px;
  --size-seal: 132px;
  --size-seal-sm: 120px;
  --size-drop-seal: 72px;
  --size-thumb: 48px;
  --size-swatch: 12px;
  --metric-min: 148px;
  --horizon-height: clamp(110px, 13vw, 168px);
  --transition: 180ms ease-out;
}

/* En papel se usan las pilas estáticas de respaldo: los tipos variables de
   Google se exportan como Type 3 y pierden métricas al guardar el PDF. La
   pantalla conserva Fraunces, Alegreya e IBM Plex Mono. */
@media print {
  :root {
    --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    --font-body: "Iowan Old Style", Georgia, "Times New Roman", serif;
    --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  }
}

/* Tema oscuro: no se entrega. `color-scheme: light` mantiene los controles
   nativos claros aunque el sistema operativo prefiera oscuro. La deuda y su
   plan están declarados en docs/DESIGN.md. */

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0ms;
  }
}