/* Font Loading Instructions for Designer and Gotham */

/* Option 1: Adobe Fonts (Typekit) - Recommended for Designer and Gotham */
/* Add this to your HTML head section:
<link rel="stylesheet" href="https://use.typekit.net/[YOUR_KIT_ID].css">
*/

/* Option 2: Self-hosted fonts */
/* Place your font files in a /fonts/ directory and uncomment the @font-face rules below */

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

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

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

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

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

/* Fallback fonts for when Designer and Gotham are not loaded */
.font-fallback {
    font-family: 'Designer', 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Font weights available for Designer and Gotham */
.font-weights {
    /* Designer: 400, 700 */
    /* Gotham: 400, 500, 600, 700 */
}