/* ===== Dark theme tokens (website pages, see static/css/site.css) =====
   Used automatically for a dark system color scheme without theme cookie (see base.html); map view and routebook stay light. */
:root {
  color-scheme: dark;
  --orm-swatch: #2a2c29;
  --ui-bg: #171816;
  --ui-soft: #1f211e;
  --ui-surface: #2a2c29;
  --ui-raised: #353833;
  --ui-active: #41443e;
  --ui-hover: #3d403a;
  --ui-line: #454842;
  --ui-line-strong: #555850;
  --ui-field: #8f948a;
  --ui-text: #e6e2d8;
  --ui-heading: #f4f0e6;
  --ui-muted: #b3ada1;
  --ui-primary: #7cb3a8;
  --ui-btn: #177167;
  --ui-btn-hover: #1c7b70;
  --ui-on-btn: #ffffff;
  --ui-copper: #d0955f;
  --ui-copper-text: #dca878;
  --ui-error: #ef8f7f;
  --ui-disabled-bg: #40433d;
  --ui-disabled-fg: #bcb6aa;
  --ui-banner-bg: #3a3222;
  --ui-footer: #111210;
  --ui-on-footer: #d9d4c8;
  --ui-footer-line: #33352f;
  --ui-tip-bg: #353833;
  --ui-tip-fg: #e6e2d8;
  --ui-tip-line: #454842;
  --ui-fsb-bg: #353833;
  --ui-pop-shadow: rgba(0,0,0,.6);
  /* Bootstrap draws the select arrow in dark grey; use the light text color */
  --ui-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e6e2d8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --ui-swatch-line: #8f948a;
  /* Point-search mini map: darkened tiles and controls (only this theme sets them) */
  --ui-map-tiles-filter: invert(1) hue-rotate(180deg) brightness(.95) contrast(.85) saturate(.5);
  --ui-map-control-bg: #353833;
  --ui-map-control-fg: #e6e2d8;
  --ui-map-control-line: #454842;
  --ui-map-attr-bg: rgba(23,24,22,.8);
}