:root {
    --primary-color: #0e4194;
    --secondary-color: #fbc831;
    --third-color: #003e65;
    --accent-color: #dc3010;

    --hoverprimary-color: #030e23;
    --hoversecondary-color: #8f6c1a;
    --hoverthird-color: #03304c;
    --hoveraccent-color: #98220c;

    /* Default to light mode (no dark mode) */
    --neutrals-0: white;
    --neutrals-10: #e1e0e0;
    --neutrals-100: #939393;
    --neutrals-500: #030E23;

    /* Text colors for light mode */
    --textcolor-fullcontrast: #030E23;
    --textcolor-80contrast: #333333;
    --textcolor-50contrast: #666666;
    --textcolor-10contrast: #939393;

    --textcolor-fullcontrast-onsecondary: white;

    /* Signal colors */
    --signals-activecolor: #2ecc71; /* Green for active */
    --hoversignals-activecolor: #27ae60;
    --signals-inactivecolor: var(--accent-color);
    --signals-indevelopmentcolor: orange;
}
/* Opacity Classes */
.opacity-05 {
    opacity: 0.5;
}

.opacity-08 {
    opacity: 0.8;
}

/* Main Color Classes */
.primarycolor {
    color: var(--primary-color);
}
.primarycolor-onbackgrund {
    background-color: var(--primary-color);
    color: white;
}

.secondarycolor {
    color: var(--secondary-color);
}
.secondarycolor-onbackground {
    background-color: var(--secondary-color);
}

.thirdcolor {
    color: var(--third-color);
}
.thirdcolor-onbackground {
    background-color: var(--third-color);
    color: white;
}

.accentcolor {
    color: var(--accent-color);
}
.accentcolor-onbackground {
    background-color: var(--accent-color);
}

/* Signal Color Classes */
.activecolor {
    color: var(--signals-activecolor);
}
.activecolor-onbackground {
    background-color: var(--signals-activecolor);
}

.inactivecolor {
    color: var(--signals-inactivecolor);
}
.inactivecolor-onbackground {
    background-color: var(--signals-inactivecolor);
}

.indevelopmentcolor {
    color: var(--signals-indevelopmentcolor);
}
.indevelopmentcolor-onbackground {
    background-color: var(--signals-indevelopmentcolor);
}

/* Neutral Color Classes */
.neutral0color {
    color: var(--neutrals-0);
}
.neutral0color-onbackground {
    background-color: var(--neutrals-0);
}

.neutral10color {
    color: var(--neutrals-10);
}
.neutral10color-onbackground {
    background-color: var(--neutrals-10);
}

.neutral100color {
    color: var(--neutrals-100);
}
.neutral100color-onbackground {
    background-color: var(--neutrals-100);
}

.neutral500color {
    color: var(--neutrals-500);
}
.neutral500color-onbackground {
    background-color: var(--neutrals-500);
}

/* text color classes */
.textcolor-fullcontrast {
    color: var(--textcolor-fullcontrast);
}

.textcolor-fullcontrast-onsecondary {
    color: var(--textcolor-fullcontrast-onsecondary);
}

.textcolor-80contrast {
    color: var(--textcolor-80contrast);
}

.textcolor-50contrast {
    color: var(--textcolor-50contrast);
}

.textcolor-10contrast {
    color: var(--textcolor-10contrast);
}