/* ===== BASE TYPOGRAPHY - SELF-HOSTED FONTS ===== */
/* All @font-face declarations for self-hosted fonts */
/* Load this BEFORE design-system.css */

/* ===== NOTO SANS ===== */
@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-200.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-200italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-600.woff2') format('woff2');
    font-weight: 600;
    font-style: 'normal';
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans';
    src: url('../fonts/noto-sans/noto--latin-600italic.woff2') format('woff2');
    font-weight: 600;
    font-style: medium, italic;
    font-display: swap;
}

/* ===== NOTO SANS MONO ===== */
@font-face {
    font-family: 'Noto-Sans-Mono';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans-Mono';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: Light;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans-Mono';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Medium.woff2') format('woff2');
    font-weight: 600;
    font-style: Medium;
    font-display: swap;
}

@font-face {
    font-family: 'Noto-Sans-Mono';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: Bold;
    font-display: swap;
}



/* ============================================= */
/* ===== GARDEN THEME FONTS ===== */
/* ============================================= */

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-200.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-200italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-600italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-Office';
    src: url('../fonts/ysabeau_office/ysabeau-office-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ============================================= */
/* ===== EGYPT THEME FONTS ===== */
/* ============================================= */

/* Headings */

@font-face {
    font-family: 'Egypt-Logo';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Egypt-Heading-Light';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-200.woff2') format('woff2');
    font-weight: 200;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-Heading';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Egypt-Heading';
    src: url('../fonts/bodoni-moda/bodoni-moda-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-Heading';
    src: url('../fonts/bodoni-moda/bodoni-moda-Bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/*  - Content/Body */
@font-face {
    font-family: 'Egypt-Content';
    src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-Content';
    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-Content';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-Content';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Noto-Sans-Mono - UX Elements */
@font-face {
    font-family: 'Egypt-UX';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-UX';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egypt-UX';
    src: url('../fonts/noto-sans-mono/NotoSansMono-Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: bold;
    font-display: swap;
}


/* ============================================= */
/* ===== BALLOON THEME FONTS ===== */
/* ============================================= */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

/* ============================================= */
/* ===== KYOTO THEME FONTS ===== */
/* ============================================= */

@font-face {
    font-family: 'Ysabeau-SC';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-200.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-SC';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau-SC';
    src: url('../fonts/ysabeau_sc/ysabeau-sc-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ============================================= */
/* ===== JAPANESE THEME FONTS (Future) ===== */
/* ============================================= */
/*
@font-face {
    font-family: 'Noto-Sans JP';
    src: url('../fonts/noto-sans-jp/NotoSansJP-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*/