/**
 * Theme: Tech Minimal (Cyan Accents, Wide Curves, High-Tech Glass)
 * Geometric modern fonts, round details, clean high-contrast light look.
 */
body.theme-tech {
    --primary-font: 'Space Grotesk', sans-serif;
    
    --color-navy-dark: #0f172a;
    --color-navy-medium: #1e293b;
    --color-navy-light: #475569;
    
    --color-blue-tech: #0284c7;       /* Tech Sky/Cyan primary */
    --color-blue-hover: #0369a1;
    --color-blue-light: #f0f9ff;
    --color-accent-amber: #f97316;
    
    --color-bg-light: #fafafa;
    --color-bg-white: #ffffff;
    --color-border: #f1f5f9;
    --color-border-hover: #cbd5e1;
    
    --color-text-dark: #0f172a;
    --color-text-gray: #475569;
    --color-text-light: #94a3b8;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 16px 30px rgba(2, 132, 199, 0.05);
    --shadow-premium: 0 25px 45px rgba(2, 132, 199, 0.06), 0 0 30px rgba(2, 132, 199, 0.03);
    
    --border-radius-premium: 24px;   /* Highly rounded corners */
    --border-radius-sm: 12px;
}

/* Specific Style Overrides for Tech Minimalist Theme */
body.theme-tech h1, 
body.theme-tech h2, 
body.theme-tech h3, 
body.theme-tech h4, 
body.theme-tech h5, 
body.theme-tech h6 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    letter-spacing: -0.03em;
}

body.theme-tech .premium-navbar {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

body.theme-tech .premium-navbar .navbar-brand {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    letter-spacing: -0.04em;
}

body.theme-tech .premium-navbar .navbar-brand span {
    color: #0284c7 !important;
}

body.theme-tech .premium-navbar .nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    border-radius: 12px;
}

body.theme-tech .premium-navbar .nav-link:hover,
body.theme-tech .premium-navbar .nav-item.active .nav-link {
    color: #0284c7 !important;
    background-color: #f0f9ff !important;
}

body.theme-tech .premium-navbar .btn-contact-nav {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-radius: 12px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
}

body.theme-tech .premium-navbar .btn-contact-nav:hover {
    background-color: #0284c7 !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.2);
}

/* Cards */
body.theme-tech .search-card,
body.theme-tech .filter-card,
body.theme-tech .vehicle-card,
body.theme-tech .service-card,
body.theme-tech .spec-grid-card,
body.theme-tech .category-card,
body.theme-tech .brand-logo-card {
    border-radius: 24px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.02) !important;
}

body.theme-tech .vehicle-card:hover,
body.theme-tech .service-card:hover,
body.theme-tech .category-card:hover,
body.theme-tech .brand-logo-card:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 20px 40px rgba(2, 132, 199, 0.08) !important;
    transform: translateY(-4px);
}

body.theme-tech .vehicle-card-img {
    border-radius: 24px 24px 0 0 !important;
}

body.theme-tech .vehicle-card-badge {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    border-radius: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
}

body.theme-tech .vehicle-card-brand {
    color: #0284c7 !important;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
}

body.theme-tech .vehicle-card-spec-item {
    border-radius: 8px;
    background-color: #f8fafc !important;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
}

body.theme-tech .vehicle-card-price {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    color: #0f172a !important;
}

body.theme-tech .category-icon-box {
    background-color: #f0f9ff !important;
    color: #0284c7 !important;
    border-radius: 16px;
    width: 60px;
    height: 60px;
}

body.theme-tech .brand-logo-card {
    border-radius: 16px !important;
}

body.theme-tech .brand-logo-card .badge {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
}

/* Detail page specs */
body.theme-tech .spec-grid-card {
    border-radius: 24px !important;
}

body.theme-tech .spec-grid-value {
    color: #0284c7 !important;
}

/* Forms */
body.theme-tech .form-control,
body.theme-tech .form-select {
    border-radius: 12px !important;
    background-color: #fafafa !important;
    border-color: #e2e8f0 !important;
}

body.theme-tech .form-control:focus,
body.theme-tech .form-select:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.1) !important;
}

/* Buttons */
body.theme-tech .btn-premium-primary {
    border-radius: 12px !important;
    background-color: #0284c7 !important;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
}

body.theme-tech .btn-premium-primary:hover {
    background-color: #0369a1 !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.25) !important;
}

body.theme-tech .btn-premium-secondary {
    border-radius: 12px !important;
    border-color: #e2e8f0 !important;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
}

body.theme-tech .btn-premium-secondary:hover {
    background-color: #f8fafc !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

body.theme-tech .section-title::after,
body.theme-tech .section-title-center::after {
    background-color: #0284c7 !important;
    height: 4px;
    border-radius: 2px;
}

/* Footer */
body.theme-tech .footer-section {
    background-color: #0f172a !important;
    border-top: 1px solid #1e293b !important;
    border-radius: 40px 40px 0 0 !important;
}
body.theme-tech .footer-logo span {
    color: #0284c7 !important;
}
