/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
    font-family: 'fraunce-regular';
    src: url('../fonts/fraunces/Fraunces_72pt-Regular.ttf');
}

@font-face {
    font-family: 'fraunce-semibold';
    src: url('../fonts/fraunces/Fraunces_72pt-SemiBold.ttf');
}
@font-face {
    font-family: 'fraunce-light';
    src: url('../fonts/fraunces/Fraunces_72pt-Light.ttf');
}
@font-face {
    font-family: 'fraunce-bold';
    src: url('../fonts/fraunces/Fraunces_72pt-Bold.ttf');
}

@font-face {
    font-family: 'fraunce-italic';
    src: url('../fonts/fraunces/Fraunces_72pt-Italic.ttf');
}

@font-face {
    font-family: 'inter_28pt-regular';
    src: url('../fonts/inter/Inter-Regular.otf');
}
@font-face {
    font-family: 'inter_28pt-medium';
    src: url('../fonts/inter/Inter-Medium.otf');
}
@font-face {
    font-family: 'inter_28pt-semiBold';
    src: url('../fonts/inter/Inter-SemiBold.otf');
}
@font-face {
    font-family: 'inter_28pt-bold';
    src: url('../fonts/inter/Inter-Bold.otf');
}
@font-face {
    font-family: 'inter_28pt-thin';
    src: url('../fonts/inter/Inter-Thin-BETA.otf');
}
@font-face {
    font-family: 'inter_18pt-light';
    src: url('../fonts/inter/Inter-Light-BETA.otf');
}

@font-face {
    font-family: 'inter-italic';
    src: url('../fonts/inter/Inter-Italic.otf');
}

@font-face {
    font-family: 'playfair-regular';
    src: url('../fonts/playfairdisplay/PlayfairDisplay-Regular.ttf');
}
/* Font cdn ends here */

:root {
    /* Typography starts here */
    --secondary-regular-font: 'fraunce-regular';
    --secondary-medium-font: 'fraunce-medium';
    --secondary-semibold-font: 'fraunce-semibold';
    --secondary-light-font: 'fraunce-light';
    --secondary-bold-font: 'fraunce-bold';
    --secondary-italic-font: 'fraunce-italic';
    --playfair-regular-font: 'playfair-regular';
    --primary-regular-font: 'inter_28pt-regular';
    --primary-bold-font: 'inter_28pt-bold';
    --primary-semibold-font: 'inter_28pt-semiBold';
    --primary-medium-font: 'inter_28pt-medium';
    --primary-light-font: 'inter_18pt-light';
    --primary-italic-font: 'inter-italic';

    /* Typography ends here */
}
.primary-font,
.heading-font {
    font-family: var(--secondary-regular-font);
}
.secondary-regular-font,
.para-font {
    font-family: var(--secondary-regular-font);
}

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

.secondary-italic-font,
.heading-italic {
    font-family: var(--secondary-italic-font);
}

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

.primary-regular-font,
.text-font {
    font-family: var(--primary-regular-font);
}

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

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

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

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

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

/* Font Sizes Here */
.level-1 {
    font-size: 70px;
}

.level-2 {
    font-size: 57px;
}

.level-3-lg {
    font-size: 46px;
}

.level-3 {
    font-size: 27px;
}

.level-4 {
    font-size: 22px;
}

.level-5-lg {
    font-size: 20px;
}

.level-5 {
    font-size: 18px;
}

.level-6 {
    font-size: 16px;
}

.level-7 {
    font-size: 14px;
}
.level-8 {
    font-size: 13px;
}

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

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

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