/* Google Fonts CDN */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'space-regular';
    src: url('../fonts/spacegrotesk/SpaceGrotesk-Regular.ttf');
}
@font-face {
    font-family: 'space-medium';
    src: url('../fonts/spacegrotesk/SpaceGrotesk-Medium.ttf');
}
@font-face {
    font-family: 'space-semibold';
    src: url('../fonts/spacegrotesk/SpaceGrotesk-SemiBold.ttf');
}
@font-face {
    font-family: 'space-light';
    src: url('../fonts/spacegrotesk/SpaceGrotesk-Light.ttf');
}
@font-face {
    font-family: 'space-bold';
    src: url('../fonts/spacegrotesk/SpaceGrotesk-Bold.ttf');
}

@font-face {
    font-family: 'jetbrains-regular';
    src: url('../fonts/jetbrains/JetBrainsMono-Regular.ttf');
}

:root {
    /* Heading Fonts (Orbitron) */
    --heading-regular: 'Orbitron', sans-serif;
    --heading-medium: 'Orbitron', sans-serif;
    --heading-semibold: 'Orbitron', sans-serif;
    --heading-bold: 'Orbitron', sans-serif;
    --heading-black: 'Orbitron', sans-serif;

    /* Paragraph Fonts (Rajdhani) */
    --para-font: 'Rajdhani', sans-serif;

    --secondary-regular-font: 'space-regular';
    --secondary-medium-font: 'space-medium';
    --secondary-semibold-font: 'space-semibold';
    --secondary-light-font: 'space-light';
    --secondary-bold-font: 'space-bold';

    --sub-font: 'jetbrains-regular';
}

.secondary-regular-font {
    font-family: var(--secondary-regular-font);
}
.secondary-bold-font {
    font-family: var(--secondary-bold-font);
}
.secondary-medium-font {
    font-family: var(--secondary-medium-font);
}
.secondary-semibold-font {
    font-family: var(--secondary-semibold-font);
}
.secondary-light-font {
    font-family: var(--secondary-light-font);
}

.sub-font {
    font-family: var(--sub-font);
}

/* Heading Classes (Orbitron) */
.heading-light {
    font-family: var(--heading-regular);
    font-weight: 300;
}
.heading-regular {
    font-family: var(--heading-regular);
    font-weight: 400;
}
.heading-medium {
    font-family: var(--heading-medium);
    font-weight: 500;
}
.heading-semibold {
    font-family: var(--heading-semibold);
    font-weight: 600;
}
.heading-bold {
    font-family: var(--heading-bold);
    font-weight: 700;
}
.heading-black {
    font-family: var(--heading-black);
    font-weight: 900;
}

/* Paragraph/Text Classes (Rajdhani) */
.para-font,
.text-font {
    font-family: var(--para-font);
    font-weight: 400;
}

/* Font Sizes */
.level-1-lg {
    font-size: 70px;
}
.level-1 {
    font-size: 60px;
}
.level-2-lg {
    font-size: 65px;
}
.level-2 {
    font-size: 46px;
}
.level-3 {
    font-size: 24px;
}
.level-4 {
    font-size: 20px;
}
.level-5 {
    font-size: 18px;
}
.level-6 {
    font-size: 16px;
}
.level-7 {
    font-size: 14px;
}
.level-8 {
    font-size: 12px;
}

.level-9 {
    font-size: 10px;
}

.level-10 {
    font-size: 9px;
}
