/* Invisible City – naktinis miestas: tamsus žemėlapis, gatvės žibintų gintaras, antraštės serifu.
   Žemėlapio plytelės apverčiamos filtru, todėl atskiro tamsaus plytelių tiekėjo nereikia. */

:root {
  color-scheme: dark;
  --paper: #0E1420;
  --surface: #161E2C;
  --wash: #212B3C;
  --line: #2C384C;
  --ink: #EAEEF4;
  --ink-2: #A9B5C6;
  --ink-3: #7D899B;
  --accent: #F0B55A;
  --accent-deep: #F6C678;
  --on-accent: #1B1306;
  --link: #F0B55A;
  --focus: #F0B55A;
  --mark: #FF6B5E;
  --danger: #FF8E84;
  --chip-bg: #EAEEF4;
  --chip-fg: #0E1420;
  --toast-bg: #EAEEF4;
  --toast-fg: #0E1420;
  --pin-ring: #F4F6F8;
  --map-bg: #0E1420;
  --tile-filter: invert(1) hue-rotate(180deg) saturate(.4) brightness(.92) contrast(.9);
  --shadow: 0 10px 34px rgba(0, 0, 0, .55);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, .5);
  --display: "Newsreader", Georgia, "Times New Roman", serif;
  --display-weight: 500;
  --display-tracking: -.015em;
  --r-panel: 22px;
  --r-card: 16px;
  --r-btn: 999px;
  --logo-h: 24px;
}

.site-title { font-weight: 500; font-size: 21px; letter-spacing: -.01em; }
.pop h3, .route-title, .route-text strong, .dialog h2 { font-family: var(--display); font-weight: 500; letter-spacing: -.01em; }
.pop h3 { font-size: 21px; }
.route-text strong { font-size: 19px; }
.pane-head h2 { font-weight: 600; color: var(--ink-2); }
.lead { font-family: var(--display); font-style: italic; font-size: 21px; }
.btn { padding: 0 18px; }
.btn--ghost { padding: 0 10px; }
.legend .is-off .pin { box-shadow: inset 0 0 0 1.5px var(--ink-3); }
.cluster { box-shadow: 0 0 0 3px rgba(14, 20, 32, .85), 0 3px 10px rgba(0, 0, 0, .6); }
.dialog::backdrop { background: rgba(4, 7, 12, .7); }