:root {
    /* Primary brand color - Deep Teal */
    --bs-primary: #006D77;
    --bs-primary-rgb: 0, 109, 119;
    
    /* Secondary color - Soft Coral */
    --bs-secondary: #E29578;
    --bs-secondary-rgb: 226, 149, 120;
    
    /* Dark color - Deep Navy */
    --bs-dark: #1A3C40;
    --bs-dark-rgb: 26, 60, 64;
    
    /* Light color - Pale Sage */
    --bs-light: #EDF6F9;
    --bs-light-rgb: 237, 246, 249;
    
    /* Success color - Sage Green */
    --bs-success: #83C5BE;
    --bs-success-rgb: 131, 197, 190;
    
    /* Info color - Light Blue */
    --bs-info: #98C1D9;
    --bs-info-rgb: 152, 193, 217;
    
    /* Warning color - Warm Sand */
    --bs-warning: #FFDDD2;
    --bs-warning-rgb: 255, 221, 210;
    
    /* Danger color - Coral Red */
    --bs-danger: #E76F51;
    --bs-danger-rgb: 231, 111, 81;
}

/* Custom background gradients */
.bg-gradient-primary {
    background: linear-gradient(45deg, var(--bs-primary) 0%, #83C5BE 100%);
}

.bg-gradient-dark {
    background: linear-gradient(45deg, var(--bs-dark) 0%, #006D77 100%);
}

/* Custom text colors */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Custom button styles */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: #005761;
    border-color: #005761;
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* Custom card styles */
.card {
    border-color: rgba(var(--bs-primary-rgb), 0.1);
}

/* Custom form styles */
.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}