/* SF Commerce · Лён. Adjust these tokens for a client's brand. */
:root {
  color-scheme: light;
  --brand-accent: #55776a;
  --brand-accent-hover: #456557;
  --brand-accent-soft: #eaf1eb;
  --brand-on-accent: #ffffff;
  --brand-radius: 18px;
  --bg: #f5f4f0;
  --surface: #ffffff;
  --surface2: #f0f2ed;
  --line: #e0e5dd;
  --text: #34423c;
  --muted: #657268;
  --lime: var(--brand-accent);
  --accent: var(--brand-accent);
  --accent-soft: var(--brand-accent-soft);
  --orange: #8b631b;
  --orange-soft: #faf3e4;
  --blue: #3f7391;
  --blue-soft: #edf4f8;
  --purple: #7b648c;
  --purple-soft: #f2edf5;
  --red: #a4473c;
  --red-soft: #fbeee9;
  --map-land: #f2f1e9;
  --map-park: #e1e8d8;
  --map-water: #d8e7e5;
  --map-road: #ffffff;
  --map-major: #ddd8c5;
  --radius: var(--brand-radius);
  --shadow: 0 8px 28px #34423c0c;
  --dialog-shadow: 0 20px 80px #34423c26;
}