/* ── NewsPress Design Tokens ───────────────────────── */
/* Edita estas variables para personalizar el theme.   */

:root {
  /* Acento (color de marca) */
  --np-accent:        #c0392b;
  --np-accent-dk:     #922b21;
  --np-accent-lt:     #f5e6e4;

  /* Header (siempre oscuro en ambos modos) */
  --np-hdr-bg:        #111111;
  --np-hdr-text:      #ffffff;
  --np-hdr-border:    #2a2a2a;
  --np-hdr-hover:     rgba(255,255,255,.1);

  /* Superficies — Light mode */
  --np-bg:            #ffffff;
  --np-surface:       #ffffff;
  --np-surface-alt:   #f8f7f4;
  --np-surface-dim:   #f0ede8;
  --np-border:        #e8e5e0;
  --np-border-str:    #c8c4be;

  /* Texto — Light mode */
  --np-text:          #111111;
  --np-text-sec:      #555555;
  --np-text-muted:    #888888;
  --np-text-inv:      #ffffff;
  --np-link:          #111111;
  --np-link-hover:    var(--np-accent);

  /* Tipografía */
  --f-serif:    Georgia, 'Times New Roman', serif;
  --f-sans:     -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --f-mono:     'Courier New', Courier, monospace;

  /* Escala tipográfica */
  --t-xs:   11px;
  --t-sm:   13px;
  --t-base: 15px;
  --t-md:   17px;
  --t-lg:   20px;
  --t-xl:   26px;
  --t-2xl:  34px;
  --t-3xl:  46px;
  --t-4xl:  60px;

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

  /* Layout */
  --site-max:    1300px;
  --content-max:  740px;
  --hdr-h:         56px;
  --sidebar-w:    300px;

  /* Sombras */
  --sh-sm:  0 1px 3px rgba(0,0,0,.07);
  --sh-md:  0 4px 16px rgba(0,0,0,.1);
  --sh-lg:  0 8px 32px rgba(0,0,0,.14);
  --sh-xl:  0 16px 56px rgba(0,0,0,.18);

  /* Miscelánea */
  --r-sm:  2px;
  --r-md:  4px;
  --r-lg:  8px;
  --t-fast: 120ms ease;
  --t-med:  240ms ease;
}

/* ── Dark mode ───────────────────────────────────────── */
[data-theme="dark"] {
  --np-bg:          #111111;
  --np-surface:     #1a1a1a;
  --np-surface-alt: #222222;
  --np-surface-dim: #2a2a2a;
  --np-border:      #333333;
  --np-border-str:  #444444;

  --np-text:        #e8e6e3;
  --np-text-sec:    #aaaaaa;
  --np-text-muted:  #666666;
  --np-link:        #e8e6e3;

  --np-accent:      #e74c3c;
  --np-accent-lt:   rgba(231,76,60,.15);
}