/* =========================================================
   KAY LOGISTICS - Theme: Modern (Dark & Vibrant)
   ========================================================= */

:root {
    --color-primary: #0d2137;
    --color-primary-dark: #09182a;
    --color-secondary: #f59e0b;
    --color-secondary-dark: #d97706;
    --color-accent: #3b82f6;
    --color-dark: #020617;
    --color-light: #f1f5f9;

    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;

    --text-primary: #e2e8f0;
    --text-heading: #f1f5f9;
    --text-muted: #94a3b8;

    --border-color: rgba(148, 163, 184, 0.15);

    --nav-bg: rgba(15, 23, 42, 0.85);
    --nav-bg-scrolled: rgba(15, 23, 42, 0.95);
    --nav-border: rgba(255, 255, 255, 0.05);

    --hero-overlay: linear-gradient(135deg, rgba(2, 6, 23, 0.9) 0%, rgba(13, 33, 55, 0.75) 100%);
}

/* Modern theme specific overrides */
.navbar-brand .brand-name {
    color: #f1f5f9;
}

.section-bg-light {
    background: var(--bg-secondary);
}

.service-card,
.testimonial-card,
.team-card,
.mvv-card,
.contact-form-wrapper,
.faq-item,
.category-card {
    background: var(--bg-secondary);
}

.contact-info-card {
    background: var(--bg-tertiary);
}

.form-control, .form-select {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.form-control:focus, .form-select:focus {
    background: var(--bg-secondary);
}

.gallery-filters button {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.gallery-filters button.active,
.gallery-filters button:hover {
    background: var(--color-secondary);
    color: var(--color-dark);
    border-color: var(--color-secondary);
}

.navbar-collapse {
    background: var(--bg-secondary);
}