/* ===== Work Sans (PRIMARY) - All Weights ===== */
.work-sans-100 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}

.work-sans-200 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

.work-sans-300 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.work-sans-400 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.work-sans-500 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.work-sans-600 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.work-sans-700 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.work-sans-800 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.work-sans-900 {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

.work-sans-regular {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.work-sans-bold {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.work-sans-italic {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
}

/* ===== Orbitron (SECONDARY) - All Weights ===== */
.orbitron-thin {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.orbitron-400 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.orbitron-500 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.orbitron-600 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.orbitron-700 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.orbitron-800 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.orbitron-900 {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

.orbitron-bold {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

/* ===== Audiowide (ACCENT) ===== */
.audiowide-regular {
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* ===== Semantic Font Classes (Using CSS Variables) ===== */ /* Primary Font Utility Classes */
.font-primary-100 {
    font-family: var(--font-primary);
    font-weight: 100;
}

.font-primary-200 {
    font-family: var(--font-primary);
    font-weight: 200;
}

.font-primary-300 {
    font-family: var(--font-primary);
    font-weight: 300;
}

.font-primary-400 {
    font-family: var(--font-primary);
    font-weight: 400;
}

.font-primary-500 {
    font-family: var(--font-primary);
    font-weight: 500;
}

.font-primary-600 {
    font-family: var(--font-primary);
    font-weight: 600;
}

.font-primary-700 {
    font-family: var(--font-primary);
    font-weight: 700;
}

.font-primary-800 {
    font-family: var(--font-primary);
    font-weight: 800;
}

.font-primary-900 {
    font-family: var(--font-primary);
    font-weight: 900;
}

/* Secondary Font Utility Classes */
.font-secondary-100 {
    font-family: var(--font-secondary);
    font-weight: 100;
}

.font-secondary-200 {
    font-family: var(--font-secondary);
    font-weight: 200;
}

.font-secondary-300 {
    font-family: var(--font-secondary);
    font-weight: 300;
}

.font-secondary-400 {
    font-family: var(--font-secondary);
    font-weight: 400;
}

.font-secondary-500 {
    font-family: var(--font-secondary);
    font-weight: 500;
}

.font-secondary-600 {
    font-family: var(--font-secondary);
    font-weight: 600;
}

.font-secondary-700 {
    font-family: var(--font-secondary);
    font-weight: 700;
}

.font-secondary-800 {
    font-family: var(--font-secondary);
    font-weight: 800;
}

.font-secondary-900 {
    font-family: var(--font-secondary);
    font-weight: 900;
}