/* ============================================ DateSpeed — "Touring" Theme Warm romantic palette: rose, navy, soft gold Applied via [data-theme="touring"] on ============================================ */ [data-theme="touring"] { --ds-red: #C2185B; --ds-red-dark: #9C1450; --ds-red-light: #E91E8C; --ds-black: #1B2A4A; --ds-dark: #243352; --ds-gold: #F0C27F; --ds-white: #FFFFFF; --ds-light: #FDF6F0; --ds-gray: #7B8794; --ds-border: #E8D8CC; --bs-primary: #C2185B; --bs-primary-rgb: 194, 24, 91; --bs-secondary: #1B2A4A; --bs-secondary-rgb: 27, 42, 74; --bs-success: #2E7D5B; --bs-warning: #F0C27F; --bs-warning-rgb: 240, 194, 127; --bs-danger: #D32F2F; --bs-body-font-family: 'Nunito', 'Segoe UI', Arial, sans-serif; --bs-body-bg: #FDF6F0; --bs-body-color: #2C2C2C; --bs-link-color: #C2185B; --bs-link-hover-color: #9C1450; } /* ---- Touring: softer body background ---- */ [data-theme="touring"] body { background-color: var(--ds-light); font-family: var(--bs-body-font-family); } /* ---- Touring: navbar ---- */ [data-theme="touring"] .topnav.bg-blueme, [data-theme="touring"] .topnav { background: linear-gradient(135deg, #1B2A4A 0%, #2C3E6B 100%) !important; border-bottom: 3px solid var(--ds-red); } /* ---- Touring: cards with warmer shadows ---- */ [data-theme="touring"] .card { border: 1px solid var(--ds-border); box-shadow: 0 2px 12px rgba(194,24,91,0.06); } [data-theme="touring"] .card:hover { box-shadow: 0 6px 24px rgba(194,24,91,0.12); } /* ---- Touring: form focus glow ---- */ [data-theme="touring"] .form-control:focus, [data-theme="touring"] .form-select:focus { border-color: var(--ds-red); box-shadow: 0 0 0 0.2rem rgba(194,24,91,0.15); } [data-theme="touring"] .form-check-input:checked { background-color: var(--ds-red); border-color: var(--ds-red); } [data-theme="touring"] .form-check-input:focus { box-shadow: 0 0 0 0.2rem rgba(194,24,91,0.2); } /* ---- Touring: buttons ---- */ [data-theme="touring"] .btn-primary { background-color: var(--ds-red); border-color: var(--ds-red); } [data-theme="touring"] .btn-primary:hover, [data-theme="touring"] .btn-primary:focus { background-color: var(--ds-red-dark); border-color: var(--ds-red-dark); } [data-theme="touring"] .btn-outline-primary { color: var(--ds-red); border-color: var(--ds-red); } [data-theme="touring"] .btn-outline-primary:hover { background-color: var(--ds-red); border-color: var(--ds-red); color: #fff; } [data-theme="touring"] .btn-warning { background-color: var(--ds-gold); border-color: var(--ds-gold); color: #3A2A0A; } /* ---- Touring: dropdown ---- */ [data-theme="touring"] .dropdown-menu { border-top: 3px solid var(--ds-red); } [data-theme="touring"] .dropdown-item:hover { background-color: #FFF0F5; color: var(--ds-red); } /* ---- Touring: list group ---- */ [data-theme="touring"] .list-group-item-action:hover { background-color: #FFF0F5; color: var(--ds-red); border-left: 3px solid var(--ds-red); } /* ---- Touring: links ---- */ [data-theme="touring"] a { color: var(--ds-red); } [data-theme="touring"] a:hover { color: var(--ds-red-dark); } /* ---- Touring: backgrounds ---- */ [data-theme="touring"] .bg-lightblue { background-color: #FFF5F8 !important; } [data-theme="touring"] .bg-blueme { background-color: var(--ds-black) !important; } /* ---- Touring: badges ---- */ [data-theme="touring"] .badge.bg-primary { background-color: var(--ds-red) !important; } [data-theme="touring"] .badge.bg-warning { background-color: var(--ds-gold) !important; color: #3A2A0A !important; } /* ---- Touring: progress & scrollbar ---- */ [data-theme="touring"] .progress-bar { background-color: var(--ds-red); } [data-theme="touring"] ::-webkit-scrollbar-thumb { background: var(--ds-red); } /* ---- Touring: swipe card ---- */ [data-theme="touring"] #swipe-like { color: var(--ds-red) !important; border-color: var(--ds-red) !important; } /* ---- Touring: racing stripe → romantic stripe ---- */ [data-theme="touring"] .racing-stripe { border-left: 4px solid var(--ds-red); } /* ---- Touring: dashboard stat ---- */ [data-theme="touring"] .card .display-6 { color: var(--ds-red); } /* ---- Touring: Blazor error ---- */ [data-theme="touring"] #blazor-error-ui { background: var(--ds-red); } /* ---- Touring: headings ---- */ [data-theme="touring"] h1, [data-theme="touring"] h2, [data-theme="touring"] h3, [data-theme="touring"] h4, [data-theme="touring"] h5, [data-theme="touring"] h6 { color: var(--ds-black); } /* ---- Touring: nav active ---- */ [data-theme="touring"] .nav-link:hover, [data-theme="touring"] .nav-link.active { color: #F48FB1 !important; } [data-theme="touring"] .bottom-nav-item.active div { color: var(--ds-red) !important; }