/* ═══════════════════════════════════════════════════════════════════════════
   LOCAL FONTS - Self-hosted font declarations
   No external font dependencies (Google Fonts, etc.)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   BLAUER NUE - Clean Modern Sans-Serif (Full Weight Family)
   Perfect for: Body text, UI elements, professional websites
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Blauer Nue';
    src: url('/fonts/Blauer Nue Downloads/PostScript/BlauerNue-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   JUST SANS - Clean, Modern, Minimal Geometric
   Perfect for: Tech, startups, modern brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans ExLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Just Sans';
    src: url('/fonts/just-sans-clean-modern-minimal-geometric-typeface-2025-04-02-18-08-44-utc/Web Fonts/JUST Sans ExBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GRIFT - Modern Versatile (Headlines Only)
   Perfect for: Headlines, display text
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Grift';
    src: url('/fonts/grift-2025-04-02-02-51-35-utc/Web-TT/Grift-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Grift';
    src: url('/fonts/grift-2025-04-02-02-51-35-utc/Web-TT/Grift-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Grift';
    src: url('/fonts/grift-2025-04-02-02-51-35-utc/Web-TT/Grift-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Grift';
    src: url('/fonts/grift-2025-04-02-02-51-35-utc/Web-TT/Grift-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Grift';
    src: url('/fonts/grift-2025-04-02-02-51-35-utc/Web-TT/Grift-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SURGENA - Clean Contemporary Sans-Serif
   Perfect for: Professional, clean, modern websites
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Surgena';
    src: url('/fonts/surgena-2025-03-11-21-36-32-utc/Web-PS/Surgena-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Surgena';
    src: url('/fonts/surgena-2025-03-11-21-36-32-utc/Web-PS/Surgena-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Surgena';
    src: url('/fonts/surgena-2025-03-11-21-36-32-utc/Web-PS/Surgena-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Surgena';
    src: url('/fonts/surgena-2025-03-11-21-36-32-utc/Web-PS/Surgena-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Surgena';
    src: url('/fonts/surgena-2025-03-11-21-36-32-utc/Web-PS/Surgena-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARLA SANS - Friendly Readable Sans-Serif
   Perfect for: Friendly brands, approachable designs
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Carla Sans';
    src: url('/fonts/Carla Sans/WEB/CarlaSansLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carla Sans';
    src: url('/fonts/Carla Sans/WEB/CarlaSansRegular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carla Sans';
    src: url('/fonts/Carla Sans/WEB/CarlaSansSemibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carla Sans';
    src: url('/fonts/Carla Sans/WEB/CarlaSansBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   NORD - Minimal Display Headline
   Perfect for: Headlines, logos, minimal designs
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nord';
    src: url('/fonts/nord-minimal-display-headline-logo-typeface-2024-06-28-15-59-42-utc/Web Fonts/NORD-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ALOEVERA DISPLAY - Distinctive Display Font
   Perfect for: Headlines, display text, branding
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aloevera Display';
    src: url('/fonts/Aloevera display/Aloevera display/WOFF2/AloeveraDisplay-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   AFTER - Modern Display Sans-Serif
   Perfect for: Modern headlines, tech brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'After';
    src: url('/fonts/After - Modern Display Sans-Serif Font/PostScript/After-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VOGUN - Minimal Modern Font
   Perfect for: Minimal designs, luxury brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Vogun';
    src: url('/fonts/vogun-minimal-modern-font-2025-01-24-22-42-44-utc/Web-TT/Vogun-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LAVISH - Modern Luxury Logo Font
   Perfect for: Logos, luxury headlines
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Lavish';
    src: url('/fonts/lavish-modern-luxury-logo-font-2024-07-05-22-20-19-utc/Lavish.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BEHIND THE NINETIES - Retro 80s/90s Style
   Perfect for: Retro designs, nostalgic brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Behind The Nineties';
    src: url('/fonts/behind-the-nineties-90s-80s-perfectly-retro-2024-12-16-06-34-55-utc/WOFF2/UPRIGHT/Behind-The-Nineties-Rg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Behind The Nineties';
    src: url('/fonts/behind-the-nineties-90s-80s-perfectly-retro-2024-12-16-06-34-55-utc/WOFF2/UPRIGHT/Behind-The-Nineties-Md.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Behind The Nineties';
    src: url('/fonts/behind-the-nineties-90s-80s-perfectly-retro-2024-12-16-06-34-55-utc/WOFF2/UPRIGHT/Behind-The-Nineties-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Behind The Nineties';
    src: url('/fonts/behind-the-nineties-90s-80s-perfectly-retro-2024-12-16-06-34-55-utc/WOFF2/UPRIGHT/Behind-The-Nineties-Blk.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ATELIA - Display Font
   Perfect for: Creative headlines, artistic designs
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Atelia';
    src: url('/fonts/atelia-2025-02-10-23-16-55-utc/Atelia.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GLITZ - Display Font
   Perfect for: Bold headlines, attention-grabbing text
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Glitz';
    src: url('/fonts/glitz-2025-04-02-03-30-30-utc/Web-TT/Glitz.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HALFRE - Display Font
   Perfect for: Modern headlines, tech brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Halfre';
    src: url('/fonts/halfre-2025-04-14-23-14-58-utc/Web-TT/Halfre.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   KANGGE - Modern Logo Typeface
   Perfect for: Logos, brand names
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Kangge';
    src: url('/fonts/ib-kangge-modern-logo-typeface-2025-03-14-19-44-36-utc/Kangge.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BALNEY - Rounded Script Font
   Perfect for: Friendly accents, handwritten feel
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Balney';
    src: url('/fonts/balney-rounded-script-font-2025-01-13-19-52-36-utc/WOFF2/Balney.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   THE YOUTH - Script/Decorative
   Perfect for: Creative headlines, youthful brands
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'The Youth';
    src: url('/fonts/TheYouth/Web-TT/The Youth.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CINEMA SUNDAY - Decorative
   Perfect for: Entertainment, creative projects
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Cinema Sunday';
    src: url('/fonts/cinema-sunday-2023-11-27-05-06-17-utc/Web-TT/cinema sunday.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PARSLAY - Decorative Font
   Perfect for: Creative headlines, unique designs
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Parslay';
    src: url('/fonts/parslay-2024-05-21-15-45-30-utc/Parslay.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   COOK CONTHIC - Gothic Style
   Perfect for: Bold statements, impactful headlines
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face {
    font-family: 'Cook Conthic';
    src: url('/fonts/Cook Conthic/Font/WEB/CookConthic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SYSTEM FONT STACKS (Fallbacks)
   ═══════════════════════════════════════════════════════════════════════════ */

/* System Sans-Serif Stack */
:root {
    --system-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --system-serif: Georgia, 'Times New Roman', Times, serif;
    --system-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
}