/* Override Bootstrap primary color with eggss brand color */
:root {
--bs-primary: #a36a15;
--bs-primary-rgb: 163, 106, 21;
--bs-primary-bg-subtle: #f8e8d8;
--bs-primary-border-subtle: #e6c9a5;
--bs-secondary: #f5b169;
--bs-secondary-rgb: 245, 177, 105;
}

.btn {
--bs-btn-border-radius: var(--bs-border-radius-sm); /* rounded-1 */
}

/* Custom button styles */
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #8a5a12;
--bs-btn-hover-border-color: #7c5110;
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #7c5110;
--bs-btn-active-border-color: #6e480e;
}

.btn-outline-primary {
--bs-btn-color: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-primary);
--bs-btn-hover-border-color: var(--bs-primary);
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-primary);
}

/* Enhanced card styling */
.card {
--bs-card-border-width: 1px;
--bs-card-border-color: rgba(var(--bs-primary-rgb), 0.1);
--bs-card-border-radius: 0.75rem;
--bs-card-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
box-shadow: var(--bs-card-box-shadow);
}

.card:hover {
transform: translateY(-5px);
box-shadow: 0 0.75rem 2rem rgba(var(--bs-primary-rgb), 0.1);
}

.card-img-top {
border-top-left-radius: calc(var(--bs-card-border-radius) - var(--bs-card-border-width));
border-top-right-radius: calc(var(--bs-card-border-radius) - var(--bs-card-border-width));
}

/* Custom hero section with gradient */
.hero-section {
background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.9) 0%, rgba(var(--bs-primary-rgb), 0.7) 100%);
position: relative;
overflow: hidden;
}

.hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
z-index: 0;
}

.hero-section > .container {
position: relative;
z-index: 1;
}

/* Custom badge styling */
.badge.bg-primary {
background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
color: var(--bs-primary);
font-weight: 500;
padding: 0.35rem 0.75rem;
}

/* Custom list styling */
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary);
--bs-list-group-bg: rgba(var(--bs-primary-rgb), 0.05);
--bs-list-group-border-color: rgba(var(--bs-primary-rgb), 0.1);
}

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

/* Custom alert styling */
.alert-primary {
--bs-alert-color: var(--bs-primary);
--bs-alert-bg: rgba(var(--bs-primary-rgb), 0.1);
--bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.2);
}

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

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

/* Custom border accent */
.border-primary {
border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}

.card-header {
background-color: rgba(var(--bs-primary-rgb), 0.03);
border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.1);
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
}

.display-4 {
font-weight: 800;
}

h2, .h2 {
font-weight: 600;
}

.btn {
font-family: 'Raleway', sans-serif;
font-weight: 600;
}

.nav-link { color:black}