:root {
    --primary-color: #2a4d8f; /* Expedition Blue-Green */
    --primary-color-dark: #1b335f; /* Darker Blue-Green */
    --secondary-color: #7db5ff; /* Adventure Yellow-Orange */
    --text-color: #1e1e1e; /* Dark Text */
    --text-color-light: #ffffff; /* White Text */
    --text-color-muted: #6c7a89; /* Muted Text */
    --background-light: #f4f8fc; /* Light Explorer Blue */
    --background-medium: #dce6f2; /* Neutral Light Background */
    --success-color: #3cb371; /* Success Green */
    --warning-color: #ff9800; /* Warning Orange */
    --border-color: #cbd6e2; /* Border Gray */
    --shadow-color: rgba(0, 0, 0, 0.1); /* Light Shadow */
    --icon-color: var(--secondary-color);
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgb(39 66 52 / 50%);
}