/* Bebecok design tokens: shared by map, search, results and detail surfaces. */
:root {
 --blue:#2855C7; --navy:#172B48; --mist:#F1F5FA; --teal:#0F7369; --plum:#A33D62;
 --beauty:#8B5E34; --beauty-soft:#f7efe7;
 --location:#D9383E; --location-soft:#d9383e26;
 --surface:#fff; --line:#dce4ee; --text-muted:#66788e;
 --blue-soft:#eaf1ff; --teal-soft:#edf5f3; --plum-soft:#fbecf1;
 --font-family:'Gothic A1',sans-serif;
 --text-xs:10px; --text-sm:11px; --text-base:12px; --text-md:14px; --text-lg:15px; --text-title:27px;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px;
 --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --radius-panel:12px; --radius-sheet:18px; --radius-pill:999px;
 --shadow-control:0 3px 12px #172b4820; --shadow-panel:0 10px 30px #172b4812; --shadow-modal:0 18px 80px #172b4833;
 --rail-width:380px; --header-height:78px; --mobile-header-height:61px;
 --focus-ring:3px solid #e0aa27; --motion-fast:200ms;
 /* CSS custom properties cannot be used in media conditions. Keep the
    styles.css max-width:760px query aligned with this documentation token. */
 --breakpoint-mobile:760px;
}