/* Font-face declarations */
@font-face {
    font-family: 'BoldFont';
    src: url('SFProDisplay-Bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'HeavyFont';
    src: url('SFProDisplay-Heavy.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'MediumFont';
    src: url('SFProDisplay-Medium.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'BoldItalicFont';
    src: url('SFProDisplay-BoldItalic.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'SemiboldFont';
    src: url('SFProDisplay-Semibold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'RegularFont';
    src: url('SFProDisplay-Regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'AfacadFont';
    src: url('Afacad-Bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Blackfont';
    src: url('SFProDisplay-Black.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'light';
    src: url('SFProDisplay-light.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'urban-black';
    src: url('Urbanist-Black.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'urban-regular';
    src: url('Urbanist-Regular.woff2') format('woff2');
    font-display: swap;
}

/* CSS Variables */
:root {
    --font-bold: 'BoldFont';
    --font-heavy: 'HeavyFont';
    --font-medium: 'MediumFont';
    --font-bold-italic: 'BoldItalicFont';
    --font-semibold: 'SemiboldFont';
    --font-regular: 'RegularFont';
    --font-afacad: 'AfacadFont';
    --font-black: 'Blackfont';
    --font-light: 'light';
    --font-urban-black: 'urban-black';
    --font-urban-regular: 'urban-regular';
    --heading-color: #080D2C;
    --bg-color: #28326E;
}