/**
 * SismoCol · Variables de diseño · "bitácora sísmica"
 * Papel de sismógrafo: fondo piedra, tinta carbón, líneas finas y un color fijo por tipo de sismo.
 */

:root {
  /* Papel y tinta */
  --ink: #101014;
  --muted: #6b6f7b;
  --line-strong: rgba(16, 16, 20, 0.28);
  --bg-raised: #faf9f7;

  /* El azul se usa solo en enlaces y botones, nunca en gráficos */
  --accent: #2d81ff;

  /* Fondos de capítulo */
  --chapter-bg-paper: #f2f1ee;
  --chapter-bg-sunken: #e9e8e4;
  --chapter-bg-charcoal: #101014;
  --chapter-ink-charcoal: #f2f1ee;
  --chapter-muted-charcoal: #9ea2ae;
  --chapter-line-charcoal: rgba(242, 241, 238, 0.28);
  --chapter-card-charcoal: #18181d;

  /* Cuadrícula de papel milimetrado */
  --story-grid: rgba(16, 16, 20, 0.045);
  --story-grid-charcoal: rgba(242, 241, 238, 0.05);
  --story-grid-size: 24px;
  --story-header-h: 56px;

  /* Significado fijo de cada color en toda la historia */
  --mag-main: #dc2626;      /* sismo principal */
  --mag-strong: #ea580c;    /* réplicas ≥ 5.0 */
  --mag-moderate: #d97706;  /* réplicas 3.5–4.9 */
  --mag-light: #0d9488;     /* réplicas < 3.5 */

  /* Tipografía */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --radius-sm: 2px;
  --transition-smooth: 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}