/**
 * TPO Custom Fonts - FINAL CONFIGURATION
 *
 * Logo: Funnel Display (800 weight)
 * Headers: Poppins (400, 600, 700)
 * Body: Inter (400, 600)
 * Buttons: Victor Mono (400, 500, 600) - All buttons site-wide
 * Labels: Inter (inherits from body)
 * 
 * Style: Modern Tech
 * Character: Contemporary, professional, startup-friendly
 * Selected: 2026-02-05
 * Updated: 2026-02-06 (Victor Mono for all buttons)
 */

/* ============================================
   IMPORT FONTS FOR TESTING
   ============================================ */

/* Funnel Display - Logo Only */
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300;400;500;600;700;800&display=swap');

/* Modern Tech: Poppins + Inter (using 'block' to prevent flash) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=block');

/* Editorial Class: Playfair Display + Source Sans Pro */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Source+Sans+3:wght@300;400;600;700&display=swap');

/* Corporate Trust: Montserrat + Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700&display=swap');

/* Friendly Local: Lato + Merriweather */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Merriweather:wght@300;400;700;900&display=swap');

/* Victor Mono - Navigation Menu Buttons */
@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:wght@400;500;600&display=swap');

/* ============================================
   ACTIVE CONFIGURATION
   Change these to test different pairs
   ============================================ */

/* LOGO ONLY - Funnel Display */
.logo_anchor,
.logo_anchor span {
    font-family: 'Funnel Display', sans-serif !important;
}

/* ============================================
   ✅ FINAL SELECTION - APPROVED BY USER
   ============================================ */

/* HEADERS - Poppins (Modern Tech) */
h1, h2, h3, h4, h5, h6,
.heading,
.main_heading,
.card_heading,
.hgroup_heading,
.item_title,
nav {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* BODY TEXT - Inter (Modern Tech) */
body,
p,
.text,
.card_text,
.item_text,
.block_content,
.content_main,
.footer_copyright {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* BUTTONS & LABELS - Inherit from body */
.btn_label,
.menu_link,
.label,
.col_label {
    font-family: inherit !important;
}

/* NAVIGATION MENU BUTTONS - Victor Mono (monospace with personality) */
.c-header .header_inline .menu_item,
.c-header .header_inline .item_btn .btn_label,
.c-header .header_inline .cta .btn_label {
    font-family: 'Victor Mono', Menlo, Consolas, Monaco, 'Courier New', monospace !important;
}

/* ALL CONTENT BUTTONS - Victor Mono */
.u-btn--1 .btn_label,
.u-btn--2 .btn_label,
.u-btn--3 .btn_label,
.u-btn--4 .btn_label {
    font-family: 'Victor Mono', Menlo, Consolas, Monaco, 'Courier New', monospace !important;
}

/* SECTION MARKERS (01. 02. etc) - Use headers font */
.card_index,
.item_number,
.section_number {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}

/* Ensure proper weight rendering */
strong, b {
    font-weight: 600;
}

/* ============================================
   TESTING GUIDE
   ============================================
   
   To test different pairs, change the font-family values above:
   
   STYLE 1 - MODERN TECH (Current):
   Headers: 'Poppins'
   Body: 'Inter'
   Best for: Startups & SaaS
   
   STYLE 2 - EDITORIAL CLASS:
   Headers: 'Playfair Display'
   Body: 'Source Sans 3'
   Best for: Magazines & Blogs
   
   STYLE 3 - CORPORATE TRUST:
   Headers: 'Montserrat'
   Body: 'Open Sans'
   Best for: B2B & Finance
   
   STYLE 4 - FRIENDLY LOCAL:
   Headers: 'Lato'
   Body: 'Merriweather'
   Best for: Coaches & Services
   
   To test, simply replace the font names in the 
   ACTIVE CONFIGURATION section above and refresh.
   
   Remember: Section markers (.card_index) should 
   match the headers font!
   
============================================ */

/* ============================================
   FONT WEIGHT REFERENCE
   ============================================
   
   300 = Light
   400 = Regular (default)
   500 = Medium
   600 = SemiBold
   700 = Bold
   800 = ExtraBold (Playfair Display only)
   900 = Black (Merriweather only)
   
============================================ */