@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css');

:root {
    --bs-success: #198754;
    --bs-success-rgb: 25, 135, 84;
    --bs-info: #0dcaf0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
}

:root, [data-bs-theme="light"] {
    --bs-primary: #C72C14;
    --bs-primary-rgb: 199, 44, 20;
    --bs-secondary: #FF9900;
    --bs-secondary-rgb: 255, 153, 0;
    --bs-body-bg: #FFF8E7;
    --bs-body-bg-rgb: 255, 248, 231;
    --bs-body-color: #2D1A0E;
    --bs-body-color-rgb: 45, 26, 14;
    --bs-secondary-bg: #FCEFDA;
    --bs-secondary-bg-rgb: 252, 239, 218;
    --bs-tertiary-bg: #FFF8E7;
    --bs-border-color: #E6D0B3;
    --bs-link-color: #C72C14;
    --bs-link-hover-color: #FF9900;
    --bs-heading-color: #2D1A0E;
}

[data-bs-theme="dark"] {
    --bs-primary: #E64A2E;
    --bs-primary-rgb: 230, 74, 46;
    --bs-secondary: #FFB347;
    --bs-secondary-rgb: 255, 179, 71;
    --bs-body-bg: #1A0A05;
    --bs-body-bg-rgb: 26, 10, 5;
    --bs-body-color: #EBD0B8;
    --bs-body-color-rgb: 235, 208, 184;
    --bs-emphasis-color: #ffffff;
    --bs-secondary-bg: #291209;
    --bs-secondary-bg-rgb: 41, 18, 9;
    --bs-tertiary-bg: #291209;
    --bs-border-color: #422010;
    --bs-border-color-translucent: rgba(235, 208, 184, 0.15);
    --bs-link-color: #E64A2E;
    --bs-link-hover-color: #FFB347;
    --bs-heading-color: #EBD0B8;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary), black 15%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary), black 15%);
}

.text-gradient {
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.site-header {
    border-bottom-color: var(--bs-primary) !important;
}

.site-footer {
    border-top-color: var(--bs-primary) !important;
}

.btn-sunset {
    background-color: #006666;
    color: #ffffff;
    border: none;
    transition: all 0.3s ease-in-out;
}

.btn-sunset:hover {
    background-color: #008888;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.btn-sunset:active {
    transform: translateY(0);
    filter: brightness(0.9);
}

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

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 102, 102, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 102, 102, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 102, 102, 0);
    }
}

.btn-pulse:hover {
    animation-play-state: paused;
}