/* ==============================================
=         GLOBAL VARIABLES & BODY STYLES        =
============================================== */

:root {
    --primary-accent: #4f46e5;
    --text-dark-primary: #111827;
    --text-dark-secondary: #4b5563;
    --glass-bg-nav: rgba(248, 249, 250, 0.7);
    --glass-border-nav: rgba(0, 0, 0, 0.07);
    
    /* Font Variables */
    --font-heading: 'Bricolage Grotesque', sans-serif;
    --font-body: 'Roboto Flex', sans-serif;
}

body {
    /* Set Roboto Flex as the primary body font */
    font-family: var(--font-body);
    color: var(--text-dark-primary);
    line-height: 1.6;
}

/* Titles and Headings */
h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: -0.02em;
}

img {
    max-width: 100%;
    height: auto;
}

/* Navbar Link Styles */
.navbar-glass-2055 .nav-link {
    font-family: var(--font-body);
    color: var(--text-dark-secondary);
    font-weight: 500;
    transition: color 0.3s ease;
}

/* Quote Button Style */
.quote-btn-2055 {
    font-family: var(--font-heading); /* Button looks better with heading font */
    font-weight: 600;
}