:root {
    --primary-blue: #354c6f;
    --accent-gold: #c5a059;
    --primary-brown: #F3C09F;
    --accent-lavender: #E083AC;
    --accent-green: #69AAAF;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a {
    color: var(--accent-green);
}

.text-dark-blue {
    color: var(--primary-blue);
}

.bg-dark-blue {
    background-color: var(--primary-blue);
    color: white;
}

.bg-light-brown {
    background-color: var(--primary-brown);
    color: white;
}

.text-gold {
    color: var(--accent-gold);
}

.text-lavender {
    color: var(--accent-lavender);
}

.text-green {
    color: var(--accent-green);
}

.section-padding {
    padding: 80px 0;
}

.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    background-color: rgba(255, 255, 255, 0.95); /* Slight opacity for readability over patterns */
}

.card:hover {
    transform: translateY(-5px);
}

.navbar-brand img {
    height: 50px;
}

.sticky-top {
    top: 0;
    z-index: 1020;
}

/* ==========================================================================
   Section Background Images & Textures
   ========================================================================== */

/* 1. Hero Section */
.hero-section {
    background: linear-gradient(rgba(10, 35, 81, 0.85), rgba(10, 35, 81, 0.85)),
        url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    color: white;
}

/* 2. About Section - Subtle, clean light geometric structure */
#about {
    background: linear-gradient(rgba(248, 249, 250, 0.92), rgba(248, 249, 250, 0.92)),
        url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* 3. Services Section - Blueprint / Tech Data texture */
#services {
    background: linear-gradient(rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.93)),
        url('https://images.unsplash.com/photo-1557200134-90327ee9fafa?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}

/* 4. Leadership Section - Dark, high-end boardroom layout */
#leadership {
    background: linear-gradient(rgba(10, 35, 81, 0.92), rgba(10, 35, 81, 0.92)),
        url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* 5. Unique Strengths Section - Light architectural abstraction */
.strengths-section {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
        url('https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}

/* 6. Partners / Accreditations Section - Minimalist white office space */
.partners-section {
    background: linear-gradient(rgba(248, 249, 250, 0.9), rgba(248, 249, 250, 0.9)),
        url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}

/* 7. Footer - Dark city night grid */
footer#contact {
    background: linear-gradient(rgba(7, 24, 56, 0.95), rgba(7, 24, 56, 0.95)),
        url('https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}