/* =============================================================
   fonts.css — Self-hosted Quicksand font
   Replaces: https://fonts.googleapis.com/css?family=Quicksand
   Place this file at: assets/css/fonts.css
   Place font files at: assets/fonts/quicksand/
   ============================================================= */

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/quicksand/Quicksand-Regular.woff2') format('woff2'),
         url('../fonts/quicksand/Quicksand-Regular.woff')  format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Shows fallback instantly, swaps when font ready */
}

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

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/quicksand/Quicksand-SemiBold.woff2') format('woff2'),
         url('../fonts/quicksand/Quicksand-SemiBold.woff')  format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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