:root {
    /* This overrides the theme's internal font mapping */
    --font-body: "Montserrat", sans-serif;
    --font-headings: "Montserrat", sans-serif;
    
    /* Your Branding Colors */
    --color-primary: #1e3a8a;
    --color-secondary: #d4af37;
}

/* Force the "Fat & Spaced" Look globally */
h1, h2, h3, .gh-head-logo, .gh-article-title {
    font-family: var(--font-headings) !important;
    font-weight: 900 !important; /* This is the "Thick" weight */
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}

/* 1. Force the Page & Header Background to Cream */
body, 
.gh-head, 
.gh-outer, 
.gh-inner, 
.site-footer {
    background-color: #fffbeb !important; /* Light Cream */
}

/* 2. Fix the H2 and Heading colors */
h1, h2, h3, .gh-article-title, .gh-card-title {
    color: #1e3a8a !important; /* Deep Blue */
}

/* --- BRAND VARIABLES --- */
:root {
    --color-primary: #1e3a8a;    /* Deep Blue */
    --color-secondary: #d4af37;  /* Gold */
    --color-bg-warm: #fffbeb;    /* Light Cream */
    --color-text-main: #1e3a8a;
    --color-accent: #2563eb;     /* Medium Blue */
}

/* --- GLOBAL STYLES --- */
body {
    background-color: var(--color-bg-warm);
    color: var(--color-text-main);
}

/* --- FAT & SPACED TYPOGRAPHY --- */
/* Targeting the Logo/Site Title and Main Headers */
.gh-head-logo, 
.gh-article-title, 
.gh-card-title,
h1, h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: none !important; /* This allows Sentence case */
    letter-spacing: 0.02em; /* Reduced spacing—wide gaps look weird with lowercase */
    line-height: 1.1;
}

/* Professional Navigation Styling */
.gh-head-menu .nav li a {
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-primary);
    transition: color 0.3s ease;
}

.gh-head-menu .nav li a:hover {
    color: var(--color-secondary);
}

/* Enlarge the main header logo */
.gh-head-logo img {
    max-height: 80px !important; /* Doubled from 40px */
    width: auto;
}

/* Adjust the header height if the bigger logo gets cut off */
.gh-head {
    height: auto !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Enlarge the icon in the Hero/Cover area */
.cover-icon-image {
    width: 400px !important;  /* Adjust this number to your liking */
    height: 400px !important;
    object-fit: contain;
    margin-bottom: 20px;      /* Adds space between icon and text */
}