/* Loaded after the complete home layout so every component follows the saved palette. */
body,.hero{color:var(--ink);background:var(--paper)}
.topbar,.topbar.is-scrolled{background:var(--header-glass)!important;box-shadow:var(--soft-shadow)}
.topbar .site-preference,.topbar.is-scrolled .site-preference,.topbar .theme-button,.topbar.is-scrolled .theme-button{background:var(--surface-glass)}
.compass-shell,.compass-controls,.ai-planner-workspace,.hero-search,.quick-links button,.destination-card,.theme-result-card,.theme-preset-grid>button,.journey-item,.ai-planner-preview>div{background:var(--surface)}
.theme-result-wrap,.dialog-results a,.compare-grid article,.compare-destination-heads article,.compare-matrix-row:nth-child(even),.compare-insights>span,.card-tags span{background:var(--surface-muted)}
.compare-matrix-row,.search-dialog,.journey-dialog,.theme-dialog{background:var(--surface-raised)}
.compass-results,.editorial{background:linear-gradient(135deg,var(--green),var(--green2))}
.compass-result-card,.theme-result-image,.journey-thumb,.compare-image{background-color:var(--green2)}
.trip-board{background:var(--feature-gradient)}
.ai-planner-section{background:radial-gradient(circle at 4% 4%,color-mix(in srgb,var(--orange) 78%,white),transparent 33%),linear-gradient(135deg,var(--green),var(--green2))}
.hero-search>button,.compass-run{color:var(--on-accent);background:var(--accent-action)}
.login-button,.topbar .login-button,.ai-generate,.newsletter button,.trip-board-actions #openJourneyBoard,.journey-empty button{color:var(--on-primary);background:linear-gradient(115deg,var(--green),var(--green2))}
.preference-copy select option{color:var(--ink);background:var(--surface)}
.hero-suggestions a:hover,.hero-suggestions a:focus-visible,.dialog-results a:hover,.dialog-results a:focus-visible{background:var(--surface-tint)}
.compare-dock{background:color-mix(in srgb,var(--green) 94%,transparent);box-shadow:var(--soft-shadow)}
.compare-dock button{color:var(--green);background:var(--surface)}
footer{background:var(--footer-bg)}
.theme-button:focus-visible,.theme-preset-grid>button:focus-visible,.theme-card:focus-visible,.destination-card:focus-visible{outline:0;box-shadow:var(--focus-ring)}
[data-ai-permission-required]{cursor:not-allowed}.ai-task-tab[aria-disabled="true"] span,.ai-workspace-head b{animation:ai-review-pulse 2.1s ease-in-out infinite}.toast.ai-review-toast{display:flex;max-width:min(520px,calc(100% - 28px));min-height:56px;align-items:center;padding:14px 22px;border:1px solid color-mix(in srgb,var(--lime) 42%,transparent);border-radius:18px;color:var(--on-primary);background:linear-gradient(120deg,var(--green),var(--green2));box-shadow:var(--shadow);font-size:12px;font-weight:800;text-align:center}.toast.ai-review-toast:before{content:"✦";margin-right:10px;color:var(--lime);font-size:18px}@keyframes ai-review-pulse{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.ai-task-tab[aria-disabled="true"] span,.ai-workspace-head b{animation:none}}
.logo-mark,.brand-mark{border-radius:12px!important;box-shadow:0 10px 28px color-mix(in srgb,#0e211b 24%,transparent)!important;transition:transform .3s ease,box-shadow .3s ease!important}.logo:hover .logo-mark,.brand:hover .brand-mark{transform:translateY(-1px) rotate(-1.5deg);box-shadow:0 14px 34px color-mix(in srgb,#0e211b 32%,transparent)!important}.logo-word,.brand>span:last-child{font-weight:800;letter-spacing:.26em}
@media(prefers-reduced-motion:reduce){.logo-mark,.brand-mark{transition:none!important}.logo:hover .logo-mark,.brand:hover .brand-mark{transform:none}}
