/* ToUr7 Permanent Unified UI System — mint-green One Way reference + action red.
   Shared visual layer only: keeps page markup, routes, API calls and calculations unchanged. */
:root{
 --t7-brand-green:#087A4B; --t7-brand-green-dark:#005A3C; --t7-brand-green-soft:#EAF7F1;
 --t7-brand-mint:#F3FAF6; --t7-brand-red:#D91017; --t7-brand-red-dark:#B80E15; --t7-brand-red-soft:#FFF1F2;
 --t7-brand-ink:#1F3029; --t7-brand-muted:#6B7771; --t7-brand-border:#D9E8E1; --t7-brand-card:#FFFFFF;
 --t7-brand-radius:16px; --t7-brand-shadow:0 5px 18px rgba(15,82,56,.055);
}
html{scroll-behavior:smooth}
body{background-color:var(--t7-brand-mint);color:var(--t7-brand-ink)}
/* Consistent surfaces without forcing every inner row to become a card. */
:is(.card,.booking-card,.booking-box,.form-card,.trip-card,.vehicle-card,.vehicle-option,.route-card,.itinerary-card,.panel,.summary-card,.fare-card,.detail-card,.content-card,.planner-card){border-color:var(--t7-brand-border)}
:is(.card,.booking-card,.booking-box,.form-card,.trip-card,.vehicle-option,.route-card,.itinerary-card,.summary-card,.fare-card,.detail-card,.content-card,.planner-card){border-radius:var(--t7-brand-radius)}
/* Inputs match the One Way booking fields. */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{accent-color:var(--t7-brand-green)}
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:#D8E2DD}
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{border-color:var(--t7-brand-green)!important;outline:0;box-shadow:0 0 0 3px rgba(8,122,75,.12)}
/* Primary actions green; high-priority conversion actions red. */
:is(.btn-danger,.btn-red,.red,.danger,.search-btn,.continue-btn,.continue-button,.important-cta,[data-action="continue"]){background:var(--t7-brand-red);border-color:var(--t7-brand-red);color:#fff}
:is(.btn-danger,.btn-red,.red,.danger,.search-btn,.continue-btn,.continue-button,.important-cta,[data-action="continue"]):hover{background:var(--t7-brand-red-dark);border-color:var(--t7-brand-red-dark)}
:is(.btn-primary,.primary,.green,.btn-success,.success,.book-now,.smart-trip-btn){background:var(--t7-brand-green);border-color:var(--t7-brand-green);color:#fff}
:is(.btn-primary,.primary,.green,.btn-success,.success,.book-now,.smart-trip-btn):hover{background:var(--t7-brand-green-dark);border-color:var(--t7-brand-green-dark)}
/* Active selections and compact status chips use the same green. */
:is(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.is-selected){accent-color:var(--t7-brand-green)}
:is(.vehicle-card.selected,.vehicle-option.selected,.category-tab.active,.tab.active,.step.active,.day-card.selected){border-color:var(--t7-brand-green)}
/* Main route/vehicle sections may use the mint splash; inner fields stay white. */
:is(.route-section,.route-planner,.plan-route-card,.vehicle-selection,.vehicle-category-section,.multi-day-section){background-color:var(--t7-brand-mint)}
:is(.section-card,.route-section,.route-planner,.plan-route-card,.vehicle-selection,.vehicle-category-section,.multi-day-section){box-shadow:var(--t7-brand-shadow)}
/* Avoid forcing global borders onto every column/row; preserve existing layout geometry. */
:focus-visible{outline:2px solid rgba(8,122,75,.6);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
