/* 1. Cairo Font Family */
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-extralight.ttf'); font-weight: 200; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-light.ttf'); font-weight: 300; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-regular.ttf'); font-weight: 400; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-medium.ttf'); font-weight: 500; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-semibold.ttf'); font-weight: 600; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-bold.ttf'); font-weight: 700; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-extrabold.ttf'); font-weight: 800; }
@font-face { font-family: 'Cairo'; src: url('fonts/cairo-black.ttf'); font-weight: 900; }

/* 2. Font Awesome Icons - Local Storage */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fonts/fa-brands-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fonts/fa-regular-400.woff2') format('woff2');
}

/* 3. Global Styles */
body {
    font-family: 'Cairo', sans-serif !important;
}

/* Icon Class Mapping */
.fab {
    font-family: 'Font Awesome 6 Brands' !important;
}

.fas, .fa-solid {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

.far, .fa-regular {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 400 !important;
}