@layer settings {
  :root {
    --ink: #252621;
    --muted: #77766f;
    --faint: #aaa79e;
    --canvas: #e9e8e4;
    --surface: #fdfcf8;
    --surface-soft: #f7f4ed;
    --line: #ded9cf;
    --green: #39755c;
    --green-soft: #e2eee7;
    --amber: #bd7835;
    --amber-soft: #f4e6d4;
    --red: #bb5b51;
    --red-soft: #f4dfdc;
    --shadow: 0 14px 34px rgba(37, 38, 33, .15);
    --radius: 19px;
    --sans: "DM Sans", sans-serif;
    --map-font: "SF Pro Rounded", ui-rounded, "Arial Rounded MT Bold", sans-serif;
  }
}