/* UNIVERSAL ANDI BRAND FONTS - FOR ALL SITES */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&family=EB+Garamond:wght@300;400;500&display=swap');

/* ===== UNIVERSAL TYPOGRAPHY SYSTEM ===== */

/* Apply to all elements */
* {
    font-family: 'Crimson Text', 'EB Garamond', 'Times New Roman', serif !important;
}

/* Base body styles - RSW SCALING */
body {
    font-size: clamp(18px, 2.2vw, 22px) !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: #222222 !important;
}

/* Headings - RSW SCALING */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #222222 !important;
}

h1 { 
    font-size: clamp(32px, 4vw, 48px) !important; 
    margin-bottom: clamp(15px, 2vw, 25px) !important;
}

h2 { 
    font-size: clamp(26px, 3vw, 36px) !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

h3 { 
    font-size: clamp(20px, 2.2vw, 28px) !important;
    margin-bottom: clamp(10px, 1.2vw, 16px) !important;
}

/* Text elements - RSW SCALING */
p, li, div, span {
    font-size: clamp(18px, 2.2vw, 22px) !important;
}

p, li, span {
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* Forms and inputs - RSW SCALING */
input, textarea, button, select, label {
    font-family: 'Crimson Text', 'EB Garamond', serif !important;
    font-size: clamp(18px, 2.2vw, 22px) !important;
    font-weight: 400 !important;
}

/* Links */
a {
    font-family: 'Crimson Text', 'EB Garamond', serif !important;
    color: #222222 !important;
    text-decoration: none !important;
}

/* Strong text */
strong, b {
    font-weight: 600 !important;
}

/* Italic text */
em, i {
    font-style: italic !important;
}

/* ===== UNIVERSAL LOGO - RSW SCALING ===== */
.nav-logo {
    display: block;
    width: clamp(80px, 8vw, 120px);
    height: clamp(80px, 8vw, 120px);
    background-image: url('https://ohwownice.netlify.app/NewLogo320X320.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    transition: all 0.3s ease;
    flex-shrink: 0;
    z-index: 1002;
}

.nav-logo:hover {
    opacity: 0.7;
    transform: scale(1.05);
}

/* ===== MOBILE RESPONSIVE TYPOGRAPHY ===== */
@media (max-width: 480px) {
    body {
        font-size: 16px !important;
    }
}

@media (max-width: 360px) {
    body {
        font-size: 15px !important;
    }
}

/* === IMPORTANT: UNIVERSAL FONTS ONLY === */
/* This file should ONLY contain typography and logo styles */
/* NO layout, NO spacing, NO component styles */