/* ============================================================
   DESIGN TOKENS — Portfolio de Pezetoide
   Todas las paletas de color del proyecto.
   Un único archivo global: el overhead es cero y la
   simplicidad máxima.
   ============================================================ */

:root {

  /* ---- Paleta base del portfolio ---- */
  --base-marron:        #2F2826;
  --base-marron-hover:  #3F3934;
  --base-beige:         #D7D2B4;
  --base-beige-hover:   #E7E3C2;

  /* ---- Paleta Aerko_ / OpenFlow ---- */
  --aerko-negro:        #1A1A1A;
  --aerko-negro-hover:  #2F2F2F;
  --aerko-blanco:       #FFF;
  --aerko-blanco-hover: #F2F1F4;
  --aerko-verde:        #CF0;
  --aerko-verde-hover:  #DFFF4F;

  /* ---- Paleta Konta ---- */
  --konta-celeste:      #0DB3F1;
  --konta-blanco:       #FFF;
  --konta-negro:        #1A1A1A;

  /* ---- Paleta Kroma (Kynesis) ---- */
  --kroma-pizarra:      #232D33;
  --kroma-rojo:         #C04850;
  --kroma-violeta:      #333036;

  /* ---- Paleta Sorolla ---- */
  --sorolla-azul:       #123057;
  --sorolla-dorado:     #BF8E50;
  --sorolla-negro:      #1A1A1A;
  --sorolla-arena-1:    #FAF7F0;
  --sorolla-arena-2:    #F6F1E6;
  --sorolla-arena-3:    #FEF5E2;
  --sorolla-arena-4:    #EEDCB8;

  /* ---- Separadores / utilidades ---- */
  --separator-color:    var(--base-beige-hover);
}