/* Custom CSS for Traditional Concept */
:root {
    --primary-blue: #002060;
    --accent-gold: #D4AF37;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

.text-primary {
    color: var(--primary-blue) !important;
}

.bg-primary {
    background-color: var(--primary-blue) !important;
}

.btn-primary {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

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

.btn-warning {
    background-color: var(--accent-gold);
    border-color: var(--accent-gold);
    color: #fff;
}

.btn-warning:hover {
    background-color: #bfa030;
    border-color: #bfa030;
    color: #fff;
}

.card {
    transition: transform 0.3s ease;
    border-top: 4px solid var(--primary-blue) !important;
}

.card:hover {
    transform: translateY(-5px);
}

.hero-section {
    position: relative;
}