/**
 * =============================================================================
 * FONT FACE DEFINITIONS
 *
 * Kalbe Family Fonts
 *
 * Catatan: Path 'url' di bawah ini mengasumsikan file font berada di
 * folder 'kalbefonts/'. Sesuaikan jika struktur folder Anda berbeda.
 * =============================================================================
 */

/*
 * -----------------------------------------------------------------------------
 * Kalbe Geometric
 * -----------------------------------------------------------------------------
 */

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* Variable Font */
@font-face {
    font-family: 'Kalbe Geometric';
    src: url('kalbefonts/KalbeGeometric[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe Helix
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Helix';
    src: url('kalbefonts/KalbeHelix-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe Rounded
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
/* Variable Font */
@font-face {
    font-family: 'Kalbe Rounded';
    src: url('kalbefonts/KalbeRounded[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe Serif
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
/* Variable Font */
@font-face {
    font-family: 'Kalbe Serif';
    src: url('kalbefonts/KalbeSerif[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe Square Narrow
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe Square Narrow';
    src: url('kalbefonts/KalbeSquareNarrow-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Narrow';
    src: url('kalbefonts/KalbeSquareNarrow-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Narrow';
    src: url('kalbefonts/KalbeSquareNarrow-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Narrow';
    src: url('kalbefonts/KalbeSquareNarrow-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe Square Wide
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe Square Wide';
    src: url('kalbefonts/KalbeSquareWide-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Wide';
    src: url('kalbefonts/KalbeSquareWide-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Wide';
    src: url('kalbefonts/KalbeSquareWide-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe Square Wide';
    src: url('kalbefonts/KalbeSquareWide-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/*
 * -----------------------------------------------------------------------------
 * Kalbe System
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
/* Variable Font */
@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem-Italic.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System';
    src: url('kalbefonts/KalbeSystem.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/*
 * -----------------------------------------------------------------------------
 * Kalbe System Condensed
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
/* Variable Font */
@font-face {
    font-family: 'Kalbe System Condensed';
    src: url('kalbefonts/KalbeSystemCondensed[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}