/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    color: #334155;
    background-color: #f8fafc;
}

/* NAVBAR & DARK MODE OVERRIDES */
.navbar-dark .nav-link {
    color: rgba(255,255,255,0.7);
}
.navbar-dark .nav-link:hover {
    color: #EAB308; /* Gold Hover */
}

/* HERO SECTION - Dark & Gritty */
.hero-section {
    /* Image of a fuseboard or electrical tools */
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
                url('https://images.unsplash.com/photo-1558346490-a72e53ae2d4f?auto=format&fit=crop&q=80&w=1600');
    background-size: cover;
    background-position: center;
    min-height: 80vh;
}

/* BRANDING COLORS (Industrial Gold) */
.text-warning { color: #EAB308 !important; }
.bg-warning { background-color: #EAB308 !important; }

/* PRIMARY BUTTON (Gold with Dark Text) */
.btn-warning {
    background-color: #EAB308;
    color: #000;
    border: none;
    box-shadow: 0 4px 6px -1px rgba(234, 179, 8, 0.4);
}
.btn-warning:hover {
    background-color: #CA8A04; /* Darker Gold */
    color: #000;
    transform: translateY(-1px);
}

/* ICON CIRCLES */
.icon-circle {
    background-color: #FEF3C7 !important; /* Very light gold */
    color: #EAB308 !important;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CARDS */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}
.hover-up:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* FOOTER LINK */
a.hover-warning:hover {
    color: #EAB308 !important;
    text-decoration: underline;
}