/* Roboto - Primary Font */
/* Hanya load font yang benar-benar ada */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Roboto Italic - dinonaktifkan karena file tidak ada */
/* 
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
*/

/* Open Sans - Secondary Font */
/* Hanya load font yang benar-benar ada */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Open Sans Italic - dinonaktifkan karena file tidak ada */
/* 
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
*/

/* Global Font Settings */
:root {
    --font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Apply primary font to body and all elements by default */
/* EXCLUDE Font Awesome icons */
*, *::before, *::after {
    font-family: var(--font-primary);
}

/* EXCLUDE Font Awesome dari font override */
.fa, .fas, .far, .fab, .fal, .fad, .fak,
.fa-solid, .fa-regular, .fa-brands,
[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

body, html {
    font-family: var(--font-primary);
}

/* Primary font for headings and important elements */
h1, h2, h3, h4, h5, h6,
.heading-primary,
.title,
.card-title,
.navbar-brand,
.btn,
button,
input[type="submit"],
input[type="button"],
a.button {
    font-family: var(--font-primary);
}

/* Secondary font for body text and labels */
p, 
.text-secondary, 
.secondary-text,
label, 
.label, 
small, 
.small,
span,
div,
textarea,
input:not([type="submit"]):not([type="button"]),
select,
.form-control,
.form-label,
.text-muted,
.description {
    font-family: var(--font-secondary);
}

/* Specific elements using secondary font */
table, 
td, 
th,
.nav-link,
.dropdown-item,
.breadcrumb-item,
.footer-text,
.card-text {
    font-family: var(--font-secondary);
}