/* Dynamic Template Styles */
:root {
    --primary-color: #38a9f0;
    --secondary-color: #ffc107;
    --font-family: Segoe UI, sans-serif;
}

body {
    font-family: var(--font-family);
}

/* Standard Theme Colors */

/* Primary Color Applications */
.hero {
    background: linear-gradient(135deg, #38a9f0 0%, #43caff 100%);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: #38a9f0;
}

section h2 {
    color: #38a9f0;
}

.btn-primary {
    background: #38a9f0;
    border-color: #38a9f0;
}

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

.card-title {
    color: #38a9f0;
}

.breadcrumb-item a {
    color: #38a9f0;
}

.text-primary {
    color: #38a9f0 !important;
}

.bg-primary {
    background-color: #38a9f0 !important;
}


/* Secondary Color Applications */
section h2::after {
    background: #ffc107;
}

.navbar-light .navbar-nav .nav-link:hover i,
.navbar-light .navbar-nav .nav-link.active i {
    color: #ffc107;
}

.navbar-light .navbar-nav .nav-link::after {
    background: #ffc107;
}

.hero .btn,
.btn-warning {
    background: #ffc107;
    border-color: #ffc107;
    color: #333;
}

.hero .btn:hover,
.btn-warning:hover {
    background: #e5ad06;
    border-color: #e5ad06;
}

.breadcrumb-item a:hover {
    color: #ffc107;
}

footer a:hover {
    color: #ffc107;
}

.carousel-indicators button.active {
    background-color: #ffc107;
}

.back-to-top {
    background: linear-gradient(135deg, #ffc107 0%, #cc9a05 100%);
}

/* Button Styles */
.btn {
    border-radius: 5px;
}
.hero .btn {
    border-radius: 50px;
}

/* Card Styles */
.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}