:root {
    --primary-color: #1d2d4d;
    --accent-color: #ef7e1e;
    --light-bg: #f8f9fa;
    --light-text: #ffffff;
    --dark-text: #212529;
}

body {
    font-family: 'Roboto', sans-serif;
    color: var(--dark-text);
}

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

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

.btn-accent {
    background-color: var(--accent-color);
    color: var(--light-text);
    border: none;
    transition: background-color 0.3s ease;
}

.btn-accent:hover {
    background-color: #d86f1a;
    color: var(--light-text);
}

.hero-section {
    background: linear-gradient(135deg, var(--primary-color) 0%, #3a506b 100%);
    color: var(--light-text);
    padding: 100px 0;
}

.hero-section .display-4 {
    font-weight: 700;
}

.benefit-icon {
    font-size: 3rem;
    color: var(--accent-color);
}