/* ============================================================
   NEODATO — DESIGN TOKENS
   Única fuente de verdad para color, tipografía, espaciado y
   radios. No hardcodear valores fuera de este archivo.
   ============================================================ */

:root {

  /* ---- Color: superficies ---- */
  --ink:            #0B0B0A;   /* negro del logo — header, footer, modo terminal */
  --ink-soft:       #1A1A18;   /* texto principal sobre paper */
  --paper:          #FFFFFF;   /* fondo general del sitio */
  --paper-dim:      #FAF9F6;   /* tarjetas, filas alternas, superficies elevadas */
  --paper-strong:   #F0EEE8;   /* bordes internos sobre paper-dim */

  /* ---- Color: acentos de marca ---- */
  --verde-botella:       #1B3B2F;  /* estructural: links, nav activo, headers de tabla */
  --verde-botella-dark:  #12281F;  /* hover / pressed */
  --verde-botella-tint:  #E4EBE6;  /* fondo suave para badges informativos */

  --bronze:         #A6763F;  /* secundario: citas, bordes destacados, iconografía */
  --bronze-dark:    #8A6132;
  --bronze-tint:    #F3E9D8;

  --senal:          #D85A30;  /* CTA / engagement: notificaciones, "actualizado hoy", loading */
  --senal-hover:    #C14D26;
  --senal-tint:     #FBE7DF;

  /* ---- Color: texto ---- */
  --text-primary:   #1A1A18;
  --text-secondary: #5B5850;
  --text-muted:     #8C897E;
  --text-on-ink:    #F6F1E7;
  --text-on-senal:  #FFFFFF;

  /* ---- Color: bordes y estados ---- */
  --border:         rgba(11,11,10,0.08);
  --border-strong:  rgba(11,11,10,0.16);
  --focus-ring:      0 0 0 3px rgba(216,90,48,0.35); /* anillo de foco, tono señal */

  --error:          #B23B3B;
  --error-tint:     #F8E6E4;

  /* ---- Tipografía ---- */
  --font-display: 'Playfair Display', Georgia, serif;   /* wordmark, titulares, nombres */
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace; /* cifras, citas de fuente */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* cuerpo del chat */

  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   19px;
  --text-xl:   24px;
  --text-2xl:  32px;
  --text-3xl:  44px;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* ---- Espaciado (base 4px) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Radios ---- */
  --radius-sm:   6px;   /* botones, inputs, badges */
  --radius-md:   12px;  /* tarjetas pequeñas, chips */
  --radius-lg:   20px;  /* tarjetas grandes, burbujas de usuario, modales */
  --radius-xl:   28px;  /* superficies hero / contenedores destacados */
  --radius-full: 999px; /* pills, avatar */

  /* ---- Sombra (uso mínimo, aire Apple) ---- */
  --shadow-sm: 0 1px 3px rgba(11,11,10,0.05);
  --shadow-md: 0 12px 32px rgba(11,11,10,0.07);
  --shadow-lg: 0 24px 56px rgba(11,11,10,0.10);

  /* ---- Movimiento ---- */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}