/* Tokens de color — tema claro (por defecto) */
:root {
  --c-bg:         #f0f4f8;
  --c-bg-subtle:  #e2eaf3;
  --c-surface:    #ffffff;
  --c-surface-2:  #f7f9fc;
  --c-surface-3:  #eef2f8;

  --c-text:       #111827;
  --c-text-2:     #374151;
  --c-text-3:     #6b7280;

  --c-border:     #d1dae8;
  --c-border-2:   #e5eaf3;

  --c-primary:    #1d4ed8;
  --c-primary-2:  #1e40af;
  --c-primary-fg: #ffffff;

  --c-accent:     #0891b2;
  --c-accent-2:   #0e7490;

  --c-ok:         #059669;
  --c-warn:       #d97706;
  --c-err:        #dc2626;
  --c-ok-bg:      #ecfdf5;
  --c-err-bg:     #fef2f2;
  --c-info-bg:    #eff6ff;

  --c-hero-from:  #1d4ed8;
  --c-hero-to:    #0891b2;
  --c-hero-text:  #ffffff;
}

/* Tema oscuro */
[data-theme="dark"] {
  --c-bg:         #0d1117;
  --c-bg-subtle:  #131920;
  --c-surface:    #161b22;
  --c-surface-2:  #1e2530;
  --c-surface-3:  #252d3b;

  --c-text:       #e6edf3;
  --c-text-2:     #b1bcc8;
  --c-text-3:     #778495;

  --c-border:     #30363d;
  --c-border-2:   #21262d;

  --c-primary:    #5b8def;
  --c-primary-2:  #7aa5f4;
  --c-primary-fg: #0d1117;

  --c-accent:     #22d3ee;
  --c-accent-2:   #67e8f9;

  --c-ok:         #10b981;
  --c-warn:       #f59e0b;
  --c-err:        #f87171;
  --c-ok-bg:      #022c22;
  --c-err-bg:     #2d1515;
  --c-info-bg:    #0f1e3d;

  --c-hero-from:  #0a1628;
  --c-hero-to:    #0c2340;
  --c-hero-text:  #e6edf3;
}