/* AURA Custom Theme Variables */
:root {
    /* Primary: Deep Navy Blue from the logo border/text */
    --bs-primary: #0a2540;
    --bs-primary-rgb: 10, 37, 64;
    
    /* Secondary: Sunset/Mountain Purple */
    --bs-secondary: #744d82;
    --bs-secondary-rgb: 116, 77, 130;
    
    /* Info: River Blue */
    --bs-info: #3182b5;
    
    /* Dark: Dark Forest Green / Shadowed Mountains */
    --bs-dark: #0b2423;
    
    /* Warning/Accent: Vibrant Sun Gold */
    --bs-warning: #f19e22;
    --bs-warning-rgb: 241, 158, 34;
    
    /* Custom brand colors for specific use cases */
    --aura-cream-light: #f7f4eb;  /* The warm off-white background of the logo circle */
    --aura-mountain-pink: #d9786b; /* The warm alpenglow highlight on the peaks */
}

/* Custom Button Overrides to ensure legibility and brand compliance */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #07192c;
    --bs-btn-hover-border-color: #051322;
    --bs-btn-color: #fff;
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: #5f3e6b;
    --bs-btn-hover-border-color: #53365e;
    --bs-btn-color: #fff;
}

.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: #d68713;
    --bs-btn-hover-border-color: #c97e12;
    --bs-btn-color: #000; /* Dark text for contrast on gold background */
}

/* Background Utilities */
.bg-brand-dark {
    background-color: var(--bs-primary) !important;
    color: white;
}

.bg-cream-light {
    background-color: var(--aura-cream-light) !important;
}

.bg-mountain-pink {
    background-color: var(--aura-mountain-pink) !important;
    color: white;
}

/* Border Accents */
.border-primary-aura {
    border-color: var(--bs-primary) !important;
}

/* Navigation Overrides */
.navbar-dark {
    background-color: var(--bs-primary) !important;
}

/* Page Definitions */
body { 
    background-color: #fcfbfa; /* Slightly warmed up light background to match the logo vibe */
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
}
main { flex: 1; }
.navbar-brand { font-weight: bold; letter-spacing: -0.5px; }

/* Special Hover Effects */
.hoverable .col-md-4:hover > div,
.hoverable > .card:hover {
    border-color: var(--bs-secondary) !important; /* Swapped to the brand purple for a nicer hover accent */
    box-shadow: 0 .125rem .55rem rgba(10, 37, 64, 0.15) !important;
}

.nav-link {
    border: 1px var(--bs-primary) solid !important;
    border-radius: 8px;
}
.nav-link:hover {
    border: 1px var(--bs-secondary) solid !important;
    background-color: #f7f4eb67;
}