/* Custom Variables and Colors for Trust and Security */
:root {
    --primary-blue: #004d99; /* Deep Royal Blue for Trust */
    --accent-teal: #00a6a6;  /* Teal for Hope/Action */
    --accent-warning: #ffc107; /* Yellow/Orange for Urgency/Action */
}

/* Override Bootstrap Primary Color for the Deep Blue Trust */
.bg-primary, .btn-primary {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Hero Section: Subtle Background and Styling */
.hero-section {
    /* Subtle gradient for depth and professionalism */
    background: linear-gradient(135deg, #f0f8ff, #e6e6fa); 
    /* Or use a subtle pattern/image: url('path/to/security_pattern.png'); */
}

.custom-hero-box {
    /* Card/Box containing the text */
    background: rgba(0, 77, 153, 0.9); /* Semi-transparent Primary Blue */
    padding: 3rem;
    border-radius: 1rem;
    /* subtle glow to indicate importance/security */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); 
}

/* Call-to-Action Emphasis */
.btn-warning {
    background-color: var(--accent-warning) !important;
    border-color: var(--accent-warning) !important;
    color: #333 !important; /* Ensure high contrast text */
    font-weight: bold;
}

/* Pulse Animation for the main "Report Anonymously" button */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 193, 7, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

.pulse-button {
    animation: pulse 2s infinite;
}

/* Ensure footer links are legible */
.footer a {
    text-decoration: none;
    transition: color 0.3s;
}
.footer a:hover {
    color: var(--accent-teal) !important;
}