/*
 * ============================================================
 * USBN Training Module - Typography & Fonts
 * SQUARESPACE-ALIGNED VERSION
 * ============================================================
 * Updated to match the Squarespace website design at:
 * https://green-nectarine-w9pp.squarespace.com
 * 
 * Design extracted on: March 26, 2026
 * Key changes from original:
 *   - Ubuntu font for headings (matches Squarespace)
 *   - System fonts for body (cleaner, matches Squarespace)
 *   - Teal updated to #005875 (exact Squarespace primary)
 *   - Navy replaced with dark gray #1F1E1E (matches Squarespace text)
 *   - Orange accent removed, using teal throughout
 *   - Square buttons (border-radius: 0)
 *   - Lighter, more minimal styling overall
 * ============================================================
 */

/* Import Ubuntu font to match Squarespace headings */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

:root {
    /* ── Font Families ── */
    /* Ubuntu for headings matches Squarespace exactly */
    --font-heading: 'Ubuntu', sans-serif;
    
    /* System fonts for body text - clean and fast */
    --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
    
    /* UI elements use same as body */
    --font-ui:      -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── Font Sizes ── */
    /* Adjusted to match Squarespace proportions */
    --size-hero-title:    2.4em;     /* Slightly reduced for cleaner look */
    --size-section-title: 1.8em;     /* H2 size */
    --size-subheading:    1.25em;    /* H3 size */
    --size-body:          17px;      /* Matches Squarespace body text exactly */
    --size-small:         0.9em;
    --size-label:         0.75em;

    /* ── Font Weights ── */
    --weight-light:   300;
    --weight-normal:  400;   /* Squarespace uses 400 for headings */
    --weight-bold:    700;
    --weight-black:   700;   /* Ubuntu doesn't go to 900, use 700 */

    /* ── Line Heights ── */
    --leading-heading: 1.3;
    --leading-body:    1.7;  /* Slightly tighter for cleaner look */
}