/* ===================================================
   ECO OIL SOLUTION — Shared Stylesheet
   Design system: ecoGreen #10b981 | ecoBlue #2563eb | ecoDark #0f172a
   Font: Inter | Framework: Tailwind CDN (loaded per-page)
   =================================================== */

/* Hero background image + fixed parallax effect */
.hero-bg {
    background-image: url('https://images.unsplash.com/photo-1785234395765-4a82ba26c769?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Glassmorphism nav/hero panel used across all pages for the top banner */
.glass-panel {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Reusable page header band for interior pages (About, Services, etc.) */
.page-header-bg {
    background-image: url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}