:root {
    --gt-color-white: #FFFFFF;
    --gt-color-ambient: #e8e8e8;
    --gt-color-dark: #000000;
    --gt-color-accent: #C8D916;
    --gt-color-dark-grey: #404040;
    --gt-color-measure-background: #252525;
    --gt-color-purple: #6A5ACD;
    --gt-color-li-background-set-itm: #333940;
    --gt-color-green: #7CBB00;
    --gt-color-lime-green: #7CFC00;
    --gt-color-health-client-green: #40C057;
    --gt-color-light-blue: #66C6F6;
    --gt-color-blue: #00A1F1;
    --gt-color-red: #F65314;
    --gt-color-orange: #FFBB00;
    --gt-color-grey: #bfbfbf;
    --gt-color-pink: #ff00aa;
    --gt-color-violet: #C71585;
    --gt-color-teal: #008080;
    --gt-color-steel-blue: #4682B4;
    --gt-color-yellow: #fff95e;
    --gt-color-yellow-green: #dbeb34;
    --gt-color-bluetooth: #3b5998;
    --gt-color-strava: #c93d02;
    --gt-color-z6: #9814f6;
    --gt-color-neon-green: #39FF14;
    --gt-color-neon-red: #FF073A;
    --gt-color-neon-blue: #4D4DFF;
    --gt-color-neon-yellow: #CCFF00;
    --gt-color-pos: #FCDC00;
    --gt-color-neg: #68CCCA;
    --gt-color-health-client-green: #40C057;
}

/* Foreground color classes */
.gt-fg-txt-light {
    color: var(--gt-color-white);
}

.gt-fg-txt-ambient,
.gt-fg-ico-ambient {
    color: var(--gt-color-ambient);
}

.gt-fg-txt-dark,
.gt-fg-background,
.gt-fg-dark {
    color: var(--gt-color-dark);
}

.gt-fg-primary,
.gt-fg-light,
.gt-fg-white,
.gt-fg-act {
    color: var(--gt-color-white);
}

.gt-fg-accent,
.gt-fg-splash-background {
    color: var(--gt-color-accent);
}

.gt-fg-measure-title,
.gt-fg-dark-grey,
.gt-fg-dimgray {
    color: var(--gt-color-dark-grey);
}

.gt-fg-measure-background,
.gt-fg-li-background,
.gt-fg-li-background-div {
    color: var(--gt-color-measure-background);
}

.gt-fg-li-background-set {
    color: var(--gt-color-purple);
}

.gt-fg-li-background-set-itm {
    color: var(--gt-color-li-background-set-itm);
}

.gt-fg-green {
    color: var(--gt-color-green);
}

.gt-fg-lime-green {
    color: var(--gt-color-lime-green);
}

.gt-fg-health-client-green {
    color: var(--gt-color-health-client-green);
}

.gt-fg-light-blue,
.gt-fg-cool-down {
    color: var(--gt-color-light-blue);
}

.gt-fg-blue,
.gt-fg-splits,
.gt-fg-split,
.gt-fg-rest,
.gt-fg-min,
.gt-fg-z2 {
    color: var(--gt-color-blue);
}

.gt-fg-red,
.gt-fg-prev-split,
.gt-fg-prev-lap,
.gt-fg-alert,
.gt-fg-max {
    color: var(--gt-color-red);
}

.gt-fg-orange,
.gt-fg-intervals,
.gt-fg-interval,
.gt-fg-manual,
.gt-fg-laps,
.gt-fg-lap,
.gt-fg-neon-orange {
    color: var(--gt-color-orange);
}

.gt-fg-grey,
.gt-fg-gray,
.gt-fg-light-grey,
.gt-fg-z0,
.gt-fg-z1,
.gt-fg-recovery {
    color: var(--gt-color-grey);
}

.gt-fg-pink,
.gt-fg-neon-pink {
    color: var(--gt-color-pink);
}

.gt-fg-violet {
    color: var(--gt-color-violet);
}

.gt-fg-teal {
    color: var(--gt-color-teal);
}

.gt-fg-steel-blue {
    color: var(--gt-color-steel-blue);
}

.gt-fg-purple,
.gt-fg-set {
    color: var(--gt-color-purple);
}

.gt-fg-yellow,
.gt-fg-warm-up,
.gt-fg-sum {
    color: var(--gt-color-yellow);
}

.gt-fg-yellow-green,
.gt-fg-cnt {
    color: var(--gt-color-yellow-green);
}

.gt-fg-bluetooth {
    color: var(--gt-color-bluetooth);
}

.gt-fg-strava {
    color: var(--gt-color-strava);
}

.gt-fg-z4 {
    color: var(--gt-color-orange);
}

.gt-fg-z5,
.gt-fg-z6 {
    color: var(--gt-color-red);
}

.gt-fg-z6 {
    color: var(--gt-color-z6);
}

.gt-fg-neon-green {
    color: var(--gt-color-neon-green);
}

.gt-fg-neon-red {
    color: var(--gt-color-neon-red);
}

.gt-fg-neon-blue {
    color: var(--gt-color-neon-blue);
}

.gt-fg-neon-yellow {
    color: var(--gt-color-neon-yellow);
}

.gt-fg-pos {
    color: var(--gt-color-pos);
}

.gt-fg-neg {
    color: var(--gt-color-neg);
}

/* Background color classes */
.gt-bg-txt-light,
.gt-bg-primary,
.gt-bg-light,
.gt-bg-white,
.gt-bg-act {
    background: var(--gt-color-white);
}

.gt-bg-txt-ambient,
.gt-bg-ico-ambient {
    background: var(--gt-color-ambient);
}

.gt-bg-txt-dark,
.gt-bg-background,
.gt-bg-dark {
    background: var(--gt-color-dark);
}

.gt-bg-accent,
.gt-bg-splash-background {
    background: var(--gt-color-accent);
}

.gt-bg-measure-title,
.gt-bg-dark-grey,
.gt-bg-dimgray {
    background: var(--gt-color-dark-grey);
}

.gt-bg-measure-background,
.gt-bg-li-background,
.gt-bg-li-background-div {
    background: var(--gt-color-measure-background);
}

.gt-bg-li-background-set {
    background: var(--gt-color-purple);
}

.gt-bg-li-background-set-itm {
    background: var(--gt-color-li-background-set-itm);
}

.gt-bg-green {
    background: var(--gt-color-green);
}

.gt-bg-lime-green {
    background: var(--gt-color-lime-green);
}

.gt-bg-light-blue,
.gt-bg-cool-down {
    background: var(--gt-color-light-blue);
}

.gt-bg-blue,
.gt-bg-splits,
.gt-bg-split,
.gt-bg-rest,
.gt-bg-min,
.gt-bg-z2 {
    background: var(--gt-color-blue);
}

.gt-bg-red,
.gt-bg-prev-split,
.gt-bg-prev-lap,
.gt-bg-alert,
.gt-bg-max {
    background: var(--gt-color-red);
}

.gt-bg-orange,
.gt-bg-intervals,
.gt-bg-interval,
.gt-bg-manual,
.gt-bg-laps,
.gt-bg-lap,
.gt-bg-neon-orange {
    background: var(--gt-color-orange);
}

.gt-bg-grey,
.gt-bg-gray,
.gt-bg-light-grey,
.gt-bg-z0,
.gt-bg-z1,
.gt-bg-recovery {
    background: var(--gt-color-grey);
}

.gt-bg-pink,
.gt-bg-neon-pink {
    background: var(--gt-color-pink);
}

.gt-bg-violet {
    background: var(--gt-color-violet);
}

.gt-bg-teal {
    background: var(--gt-color-teal);
}

.gt-bg-steel-blue {
    background: var(--gt-color-steel-blue);
}

.gt-bg-purple,
.gt-bg-set {
    background: var(--gt-color-purple);
}

.gt-bg-yellow,
.gt-bg-warm-up,
.gt-bg-sum {
    background: var(--gt-color-yellow);
}

.gt-bg-yellow-green,
.gt-bg-cnt {
    background: var(--gt-color-yellow-green);
}

.gt-bg-bluetooth {
    background: var(--gt-color-bluetooth);
}

.gt-bg-strava {
    background: var(--gt-color-strava);
}

.gt-bg-z4 {
    background: var(--gt-color-orange);
}

.gt-bg-z5,
.gt-bg-z6 {
    background: var(--gt-color-red);
}

.gt-bg-z6 {
    background: var(--gt-color-z6);
}

.gt-bg-neon-green {
    background: var(--gt-color-neon-green);
}

.gt-bg-neon-red {
    background: var(--gt-color-neon-red);
}

.gt-bg-neon-blue {
    background: var(--gt-color-neon-blue);
}

.gt-bg-neon-yellow {
    background: var(--gt-color-neon-yellow);
}

.gt-bg-pos {
    background: var(--gt-color-pos);
}

.gt-bg-neg {
    background: var(--gt-color-neg);
}

/* Underline color classes */
.gt-underline {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

.gt-underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 1.5px;
}

.gt-underline-grey::after,
.gt-underline-gray::after {
    background-color: var(--gt-color-dark-grey);
}

.gt-underline-bluetooth::after {
    background-color: var(--gt-color-bluetooth);
}

.gt-underline-green::after {
    background-color: var(--gt-color-health-client-green);
}