/* ============================================================
   DESIGN TOKENS — Incipe IT
   Theme: authentic terminal / shell aesthetic
   ============================================================ */
:root{
  --terminal-black:   #0b0d0b;
  --terminal-panel:   #14171490;
  --terminal-panel-solid: #14171f0d;
  --terminal-chrome:  #4e4e4e;
  --matrix-green:     #32d432;
  --matrix-green-dim: #1c7a1c;
  --matrix-green-glow: rgba(50, 212, 50, 0.35);
  --snow-white:       #f3ebeb;
  --steel-gray:       #4e4e4e;
  --alert-red:        #ff4d4d;
  --amber:            #e8c547;
}

/*matrixgreen*/
.c-matrixgreen{
    color: var(--matrix-green);
}

/*black*/
.bg-black{
    background-color: var(--terminal-black);
}

/*snowwhite*/
.c-white{
    color: var(--snow-white);
}

.c-gray{
  color: var(--steel-gray);
}

.c-amber{
  color: var(--amber);
}

/*hover color*/

/*menu*/
.menu-item:hover{
    color: var(--matrix-green);
}

.menu-link:hover .c-matrixgreen{
  text-shadow: 0 0 8px var(--matrix-green-glow);
}

.cmd-animation1:hover{
    background-color: #f1e9e9c0;
    color: white;
}

.cmd-animation2:hover{
    background-color: var(--alert-red);
    color: white;
}

.window-chrome button:hover{
  background-color: var(--matrix-green-dim);
  color: var(--snow-white);
}

.window-chrome button.btn-close:hover{
  background-color: var(--alert-red);
  color: white;
}