/* Brand Variables */
:root {
    --primary: #2563eb; /* blue-600 */
    --primary-dark: #1d4ed8; /* blue-700 */
    --secondary: #0f172a; /* slate-900 */
    --text-main: #1f2937; /* gray-800 */
    --text-light: #4b5563; /* gray-600 */
    --bg-light: #f9fafb; /* gray-50 */
}

/* Base Overrides */
html { scroll-behavior: smooth; }
body { color: var(--text-main); background-color: var(--bg-light); }

/* Hero Component */
.hero-gradient {
    background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&q=80&w=2000');
    background-size: cover;
    background-position: center;
}

/* Navigation & Dropdowns */
.dropdown-menu { display: none; }
@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu { display: block; }
}

/* Utility Helpers for consistency across 8 pages */
.btn-primary {
    background-color: var(--primary);
    transition: background-color 0.2s;
}
.btn-primary:hover { background-color: var(--primary-dark); }

.card-service {
    border-bottom: 4px solid var(--primary);
    transition: transform 0.2s, shadow 0.2s;
}
.card-service:hover { transform: translateY(-5px); }