/* ==========================================================================
   blog-dark.css — Remap de tokens del blog a la paleta del rediseño
   2026-09 (azul-negro + turquesa, tipografia de sistema). Se carga
   DESPUES de redesign-brutal.css y blog.css: solo pisa variables y
   los pocos estilos "Bold" (bordes duros / sombras offset) que no
   encajan en el tema oscuro.
   ========================================================================== */

:root {
  --ink:        #F5F7F8;
  --ink-70:     #C6D2D8;
  --ink-50:     #AABDC8;
  --ink-30:     #7D949E;
  --paper:      #031316;
  --paper-dim:  #0D2024;
  --paper-ghost:#11272B;
  --ghost:      rgba(255, 255, 255, 0.04);
  --line:       #1D3438;
  --line-strong:#294247;
  --brand:      #00DFB2;
  --brand-ink:  #00E0B6;
  --brand-soft: #0D2A28;
  --accent-pop: #FFD84D;
  --danger:     #F97066;
  --warn:       #F79009;

  --font-display: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --font-body:    Arial, 'Helvetica Neue', Helvetica, sans-serif;

  --radius: 14px;
  --radius-sm: 8px;
  --shadow-card: none;
  --shadow-pop:  0 8px 20px rgba(0, 0, 0, 0.4);
}

/* Bordes "Bold" de 2px y sombras offset -> tema plano oscuro */
* { --shadow-card: none; }
.btn-primary,
a.btn-primary {
  background: #00DFB2;
  color: #001412;
  border-color: transparent;
  box-shadow: none;
}
.btn-primary:hover { background: #34F5CD; transform: translateY(-2px); box-shadow: none; }

/* Texto sobre color de marca (chips, CTA) legible en oscuro */
.blog-card:hover, .post-card:hover { box-shadow: none; }

/* Imagenes de posts: borde sutil en vez de negro */
img { border-color: var(--line); }