/* ========================================
   FONT PACKAGE - Poppins, Open Sans, Roboto, Inter
   ======================================== */

/* Poppins Font Family (Static Fonts) */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Open Sans Font Family */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Roboto Font Family */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Inter Font Family */
@font-face {
    font-family: 'Inter';
    src: url('fonts/inter/Inter-VariableFont_slnt,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/inter/Inter-Italic-VariableFont_slnt,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ========================================
   FONT VARIABLES FOR EASY USAGE
   ======================================== */
:root {
    --font-primary: 'Inter', 'Poppins', 'Open Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-secondary: 'Open Sans', 'Inter', 'Poppins', system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-heading: 'Roboto', 'Inter', 'Poppins', system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-ui: 'Inter', 'Open Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
    /* Bootstrap Override */
    --bs-font-sans-serif: var(--font-primary);
    --bs-body-font-family: var(--font-primary);
}

/* ========================================
   GENTLE FONT FALLBACK
   ======================================== */
* {
    font-family: Roboto !important;
}

/* ========================================
   DEFAULT FONT ASSIGNMENTS
   ======================================== */
body {
    font-family: var(--font-primary) !important;
    font-weight: 400;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.2;
}

/* ========================================
   UTILITY CLASSES FOR FONT WEIGHTS
   ======================================== */
.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.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;
}

/* ========================================
   FONT FAMILY UTILITY CLASSES
   ======================================== */
.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.font-opensans {
    font-family: 'Open Sans', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}
