/*
 * Custom Styles for Resonance Commerce Limited
 *
 * Palette:
 * - Primary: #1a237e (Indigo)
 * - Secondary: #c5a100 (Gold)
 * - Dark: #212529 (Bootstrap Dark)
 * - Light: #f8f9fa (Bootstrap Light)
 * - Body Text: #343a40
 *
 * Fonts:
 * - Headings: 'Playfair Display', serif
 * - Body: 'Montserrat', sans-serif
 */

body {
    font-family: 'Montserrat', sans-serif;
    color: #343a40;
    padding-top: 56px; /* Adjust for fixed navbar */
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Playfair Display', serif;
}

.navbar-brand {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1a237e !important;
}

.nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.nav-link.active, .nav-link:hover {
    color: #1a237e !important;
    font-weight: 700;
}

footer a.text-white:hover {
    color: #ffc107 !important; /* Bootstrap Warning color */
}

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(26, 35, 126, 0.8), rgba(26, 35, 126, 0.8)), url('../assets/images/hero-bg.jpg') no-repeat center center;
    background-size: cover;
    color: white;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-section h1 {
    font-size: 3.5rem;
    font-weight: 700;
}

.hero-section .lead {
    font-size: 1.25rem;
}

/* Section Padding */
.section-padding {
    padding: 60px 0;
}

/* Feature Icon */
.feature-icon {
    font-size: 3rem;
    color: #1a237e;
}