/* Skin: Brutalist — stark black and white, one hot red, heavy grotesque type,
   hard edges and offset shadows. Print / gallery poster energy. */
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&display=swap");

:root {
  --font-display: "Archivo Black", "Archivo", sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;

  --paper: #ffffff;
  --paper-deep: #ececec;
  --surface: #ffffff;
  --surface-line: #111111;

  --ink: #0a0a0a;
  --ink-soft: #565656;
  --ink-body: #191919;

  --accent: #2360d8;
  --accent-deep: #1a49a8;
  --danger: #e4322b;
  --metal: #0a0a0a;
  --metal-soft: rgba(10, 10, 10, 0.1);
  --gold: #c79328;
  --pin-base: #2360d8;
  --closed: #9a9a9a;

  --shadow: rgba(0, 0, 0, 0.22);
  --marker-shadow: rgba(0, 0, 0, 0.55);

  --cat-food: #e4322b;
  --cat-drink: #1f4fd6;
  --cat-coffee: #0a0a0a;
  --cat-dessert: #0898a0;
  --cat-shop: #128a3e;
  --cat-oddity: #666666;

  /* Voyager basemap, grayscaled. Lower brightness greys the land so the street
     grid + blocks stand out; contrast keeps the dark street labels crisp. */
  --map-filter: grayscale(1) brightness(0.82) contrast(1.45);
  --tile-url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png";
  --tile-sub: "abcd";
}

/* Hard edges, thick rules, offset shadows */
.crest, .progress, #searchInput, .search-results, .legend button, .card,
.card-cat, .card-fav, .card-visit, .card-directions, .card-close,
.skin-switch, .skin-switch button {
  border-radius: 0 !important;
}
.crest, .progress, .legend button, #searchInput, .search-results, .skin-switch {
  border-width: 2px;
  box-shadow: 3px 3px 0 var(--ink);
}
.legend button.active, .legend button.fav-filter.active { box-shadow: 3px 3px 0 var(--ink); }
.crest-text h1 { text-transform: uppercase; letter-spacing: -0.5px; }
.card { border-left-width: 2px; }