/* ==========================================================================
   Design tokens — paleta de covers.nidoazulcrema.com adoptada como la del
   sitio completo (Previo, Calificaciones, Covers comparten este chrome). El
   .card exportado (Calificaciones) y el .previo-card (Previo) permanecen
   claros/impresos a propósito — son el artefacto de marca fijo que se pega
   en Substack, nunca se repintan con este tema.
   ========================================================================== */
:root {
  /* --navy / --navy-deep son los colores de marca del .card exportado (gradiente
     del placeholder de foto, texto del badge "legendario") — no reusar para
     chrome de la app, el card es un artefacto de marca fijo. */
  --navy: #000957;
  --navy-deep: #00052B;
  --azul: #344CB7;
  --azul-claro: #2b6cb0;
  --azul-claro-glow: rgba(43, 108, 176, .4);
  --amarillo: #f0d04a;
  --amarillo-glow: rgba(240, 208, 74, .38);
  --amarillo-soft: rgba(240, 208, 74, .14);
  --crema: #FFF6B8;
  --blanco: #FFFFFF;
  --ink: #111111;

  --surface-base: #0c1520;
  --surface-raised: #152233;
  --surface-hover: #1e2f44;
  --surface-glass: rgba(21, 34, 51, .65);
  --border: #253a55;
  --border-subtle: rgba(37, 58, 85, .5);

  --text-bright: #e8eef7;
  --text-secondary: #8a9bb5;
  --text-muted: #5a6d85;

  --line: #D9D4C7;
  --muted: #6B7280;

  --basura: #0B0B0F;
  --muymal: #C62828;
  --mal: #E67E22;
  --regular: #8A8F98;
  --bien: #7CB342;
  --muybien: #2E7D32;
  --legendario: #FFEB00;
  --sincalificacion: #5B6472;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast: 150ms;
  --dur-normal: 280ms;

  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-full: 9999px;
}