/* Slate & Gold theme – Light grey / Dark grey / Gold & Green */
:root[data-theme="slate-gold"] {
    --primary-orange: #fef3c7;   /* Light gold – borders, soft UI */
    --primary-red: #dcfce7;      /* Light green – secondary UI */
    --accent-orange: #d97706;    /* Gold – accents, borders, focus */
    --accent-red: #16a34a;       /* Green – primary actions */
    --dark-orange: #374151;      /* Dark grey – text, emphasis */
    --title-gradient: linear-gradient(135deg, #d97706, #16a34a);
    --slate-light: #f3f4f6;
    --slate-mid: #9ca3af;
    --slate-dark: #374151;
    --gold: #d97706;
    --gold-dark: #b45309;
    --green: #16a34a;
    --green-dark: #15803d;
}

body[data-theme="slate-gold"]:not(.dark-mode) {
    background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 50%, #e5e7eb 100%);
    color: var(--slate-dark);
}

body[data-theme="slate-gold"]:not(.dark-mode) .card {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 16px rgba(55, 65, 81, 0.08);
    border: 1px solid #e5e7eb;
}

body[data-theme="slate-gold"] .btn-primary {
    background: linear-gradient(135deg, var(--green), var(--green-dark)) !important;
    color: white !important;
}

body[data-theme="slate-gold"] .btn-primary:hover {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    box-shadow: 0 3px 12px rgba(22, 163, 74, 0.3);
}

body[data-theme="slate-gold"] .input-group input[type="time"],
body[data-theme="slate-gold"] .input-group input[type="number"],
body[data-theme="slate-gold"] #origin-search input,
body[data-theme="slate-gold"] #destination-search input {
    border-color: var(--gold) !important;
    color: var(--slate-dark);
    background: white;
}

body[data-theme="slate-gold"] .input-group input[type="time"]:focus,
body[data-theme="slate-gold"] .input-group input[type="number"]:focus,
body[data-theme="slate-gold"] #origin-search input:focus,
body[data-theme="slate-gold"] #destination-search input:focus {
    border-color: var(--gold-dark) !important;
    box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.15);
}

body[data-theme="slate-gold"] h1,
body[data-theme="slate-gold"] h2,
body[data-theme="slate-gold"] h3 {
    color: var(--slate-dark);
}

body[data-theme="slate-gold"] .text-gray-600 {
    color: #6b7280;
}

/* Title: gold → green gradient (or keep text-style options) */
body[data-theme="slate-gold"] #main-title.title-text {
    background: linear-gradient(135deg, var(--gold), var(--green)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

/* Nav/header accents use gold/dark grey */
body[data-theme="slate-gold"] [style*="var(--dark-orange)"],
body[data-theme="slate-gold"] [style*="color: var(--dark-orange)"] {
    color: var(--slate-dark) !important;
}

/* Dark mode */
body[data-theme="slate-gold"].dark-mode {
    background: linear-gradient(180deg, #111827 0%, #1f2937 100%);
    color: #e5e7eb;
}

body[data-theme="slate-gold"].dark-mode .card {
    background: rgba(31, 41, 55, 0.95);
    border-color: #4b5563;
}

body[data-theme="slate-gold"].dark-mode .input-group input[type="time"],
body[data-theme="slate-gold"].dark-mode .input-group input[type="number"],
body[data-theme="slate-gold"].dark-mode #origin-search input,
body[data-theme="slate-gold"].dark-mode #destination-search input {
    background: #1f2937;
    border-color: #d97706;
    color: #e5e7eb;
}

body[data-theme="slate-gold"].dark-mode #main-title.title-text {
    background: linear-gradient(135deg, #fbbf24, #4ade80) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}