Cecs (Class Box Title Fix)

CONCORD ENTITY CLASSIFICATION SYSTEM

ENTITY ID: {$number}
HABITAT(S): {$habitat}

{$goi-specification}
{$danger}{$intel}{$sin}{$other-spec}

CLASS:

{$class}

PROPERTIES:

HVM

VRL-A

VRL-B

NCR

MCH

CBR

SYN

DMN

SSV

CVL

RLA

UNQ

AGR

BNV

{$custom-tag-name}

{$custom2-tag-name}

{$custom3-tag-name}

RAD

NRO

TXC

PYR

The only actual change to code is this:

.cecs-class {
   color: rgb(var(--cecs-black));
   color: {$primary-color};
   background-color: rgb(var(--cecs-light));
   background-color: {$secondary-color};
   height: 3em;
   border-left: 0.5em solid rgb(var(--cecs-dark));
   border-left: 0.5em solid {$primary-color};
   display: inline-grid;
   grid-template-columns: auto 0;
   padding-left: 0.4em;
   padding-right: 0.75em;
}
 
.class-label {
   color: rgb(var(--cecs-black));
   color: {$primary-color};
   font-size: 0.85rem;
   position: relative;
   top: 0.95rem;
   left: 0.85rem;
   line-height: 0.75em;
}
 
.class-wrapper {
   background-color: rgb(var(--cecs-dark)); /* THE TRAPEZIUM BELOW THE CLASS IMAGE */
   background-color: {$primary-color};
   display: inline-grid;
   grid-template-columns: auto 3.5em auto;
   height: 3em;
}

to this:

.cecs-class {
   color: rgb(var(--cecs-black));
   color: {$primary-color};
   background-color: rgb(var(--cecs-light));
   background-color: {$secondary-color};
   height: 3em;
   border-left: 0.5em solid rgb(var(--cecs-dark));
   border-left: 0.5em solid {$primary-color};
   display: inline-grid;
   grid-template-columns: auto 0;
   padding-left: 0.4em;
   padding-right: 0.75em;
   position: relative;
}
 
.class-label {
   color: rgb(var(--cecs-black));
   color: {$primary-color};
   font-size: 0.85rem;
   position: absolute;
   top: 0.625em;
   left: 0.5em;
   line-height: 0.75em;
}
 
.class-wrapper {
   background-color: rgb(var(--cecs-dark)); /* THE TRAPEZIUM BELOW THE CLASS IMAGE */
   background-color: {$primary-color};
   display: inline-grid;
   grid-template-columns: auto 3.5em auto;
   height: 3em;
   margin-top: 0.5rem;
}

Also can we get rid of {$color} tags inside the css? my browsers do NOT like it, and there are css variables for them anyways.