body { font-family: 'Roboto Condensed', sans-serif; background-color: #262626; color: #a3a3a3; }
        h1, h2, h3, h4 { font-family: 'Oswald', sans-serif; color: #fff; letter-spacing: 1px; text-transform: uppercase; }
        .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/hero.jpg'); background-size: cover; background-position: center; background-attachment: fixed; }
        .modal { display: none; }
        .modal.active { display: flex; }
        .form-confirmation { display: none; }
        .form-confirmation.active { display: block; }
        .text-accent { color: #dc2626; }
        .bg-accent { background-color: #dc2626; }
        .bg-dark { background-color: #262626; }
        .hover\:bg-accent-dark:hover { background-color: #b91c1c; }
        .border-accent { border-color: #dc2626; }