/* style.css */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap");

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
}

/* Custom Hero Background Overlay */
.bg-hero-pattern {
    background-image: linear-gradient(rgba(34, 34, 34, 0.8), rgba(34, 34, 34, 0.8)),
        url("https://images.unsplash.com/photo-1621905235277-293026330191?auto=format&fit=crop&q=80");
    background-size: cover;
    background-position: center;
}

/* Text Stroke effect for modern headings */
.text-stroke {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    color: transparent;
}

/* Transition for all hover effects */
a,
button {
    transition: all 0.3s ease-in-out;
}

/* style.css (Logo Update) */

/* ... (Keep your existing code for patterns/fonts) ... */

/* Header Logo Styling */
.logo-container {
    display: flex;
    items-center: center;
    gap: 0.75rem; /* space-x-3 */
    max-height: 2.5rem; /* controls the logo height across all screen sizes */
}

.logo-icon {
    height: 100%; /* fills the container height */
    width: auto; /* keeps the icon proportion */
}

.logo-text {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.25rem; /* text-xl md:text-2xl on larger screens */
    letter-spacing: -0.05em; /* tracking-tighter */
    line-height: 1.1;
}

.logo-text-recovery {
    color: #222222; /* brandDark */
}

.logo-text-glasgow {
    color: #fa5108; /* brandOrange */
}