/**
 * Paleta y tipografía tomadas 1:1 del artifact de React de referencia
 * (PlataformaDemo.jsx) — NO reinventar estos valores, son el diseño real
 * ya validado por el usuario. Los únicos tokens que el artifact no trae
 * son --color-real/--color-aproximado (badge de precisión de radio),
 * agregados para el requisito de Fase 3 punto 2, reusando el mismo
 * lenguaje visual de puntos de color que ya usa el mapa/leyenda de
 * "similitud" en el artifact (verde/dorado/rojizo).
 */
:root {
  --color-navy: #00203E;
  --color-gold: #B8965A;
  --color-gold-line: #CBAC6C;
  --color-ink: #1C2126;
  --color-subtle: #8B8577;
  --color-hairline: #E9E4D8;
  --color-cream: #FDFCFA;
  --color-hairline-hover: #FBF9F4;
  --color-corner-faint: #C4BFAE;

  --color-sim-alta: #4C7A5E;
  --color-sim-media: var(--color-gold);
  --color-sim-baja: #A85C52;

  --color-real: var(--color-sim-alta);
  --color-aproximado: var(--color-subtle);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --content-max: 1280px;
}