@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Darker Grotesque';
    src: url('../Fonts/Darker_Grotesque/DarkerGrotesque-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Aplicación global */
:root {
    --font-family-base: 'Darker Grotesque', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* Reset global */
* {
    font-family: 'Darker Grotesque', -apple-system, BlinkMacSystemFont, sans-serif !important;
    letter-spacing: 0.7px;
}

/* Excepciones para Font Awesome 6 */
.fa,
.fa-solid,
.fa-regular,
.fa-classic,
.fa-sharp,
.fas,
.far {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
}