/* Tema «Oscuro» — fondo negro de verdad (no blanco con texto negro, como el
   tema Blanco y Negro), acento neón. Inspirado en las tarjetas de perfiles
   deportivos/fitness: contraste alto, mucha energía. Sin banda separada — la
   página entera es oscura, igual que Blanco y Negro hace con el blanco
   (--band-bg: transparent, todo se funde). Contraste verificado: el punto
   más ajustado es el texto secundario, en 7,26:1 sobre la tarjeta tintada
   (el mínimo AA es 4,5:1). */
:root {
  --brand:         #C6FF3D;  /* verde neón — como texto/icono */
  --brand-light:   #DFFF8A;

  --bg:            #0B0F0A;
  --bg-page:       #050705;
  --text:          #F2F7ED;
  --text-soft:     #9BAA96;
  --action:        var(--brand);
  --action-hover:  var(--brand-light);
  --tint:          #131A0F;
  --line:          #232B1E;
  --line-strong:   #37422E;
  --on-brand:      #F2F7ED;
  --on-brand-soft: #9BAA96;
  --on-accent:     #0B0F0A;  /* texto oscuro ENCIMA del lima: CTA y círculos rellenos */

  --band-bg: transparent;
  --divider-on-band: rgba(242, 247, 237, 0.18);

  /* Los círculos de contacto (footer) van rellenos de lima, no solo con borde. */
  --social-bg: var(--brand);
  --social-fg: var(--on-accent);
  --social-borde: transparent;
  --social-fg-hover: var(--on-accent);

  /* CTA en píldora, como en la referencia. */
  --cta-radius: 999px;

  --shadow-page-1:        rgba(0, 0, 0, 0.4);
  --shadow-page-2:        rgba(0, 0, 0, 0.55);
  --shadow-avatar-ring:   rgba(19, 26, 15, 0.9);
  --shadow-avatar-drop:   rgba(198, 255, 61, 0.18);
  --shadow-action-hover:  rgba(198, 255, 61, 0.12);
  --shadow-project-hover: rgba(0, 0, 0, 0.5);
}