/* Red String design tokens: neutral default. Case themes override them under html[data-theme]. */

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/InstrumentSans-VF.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/Newsreader-VF.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/Newsreader-Italic-VF.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Surfaces and ink */
  --rs-bg: #f2f1f0;
  --rs-surface: #fbfaf9;
  --rs-surface-2: #ffffff;
  --rs-ink: #1d1817;
  --rs-ink-2: #58514f;
  --rs-ink-3: #716a68;
  --rs-line: #e1dddc;
  --rs-line-strong: #97908f;
  --rs-tone: rgb(29 24 23 / 0.07);
  --rs-tone-2: rgb(29 24 23 / 0.12);
  --rs-scrim: rgb(24 20 19 / 0.44);

  /* The red string: the same in every case */
  --rs-accent: #b3261e;
  --rs-accent-hover: #971d16;
  --rs-accent-ink: #ffffff;
  --rs-accent-soft: rgb(179 38 30 / 0.09);
  --rs-focus: #b3261e;

  --rs-good: #356447;
  --rs-warn: #815b1f;

  /* Map */
  --rs-map-land: #e8e6e3;
  --rs-map-pier: #efedeb;
  --rs-map-water: #ccd2d5;
  --rs-map-park: #d4ded6;
  --rs-map-road: #faf9f8;
  --rs-map-road-major: #ffffff;
  --rs-map-highline: #8b8483;
  --rs-map-label: #5b5352;
  --rs-map-label-halo: #e8e6e3;
  --rs-pin: #25201f;
  --rs-pin-ink: #ffffff;
  --rs-pin-person: #696160;
  --rs-pin-visited: #a8a3a2;
  --rs-pin-current: var(--rs-accent);
  --rs-pin-radius: 50%;

  /* Type */
  --rs-font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --rs-font-text: "Newsreader", "Iowan Old Style", Georgia, serif;
  --rs-font-doc: "Newsreader", "Iowan Old Style", Georgia, serif;
  --rs-font-ui: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --rs-display-weight: 560;
  --rs-display-tracking: -0.012em;

  --rs-t-1: 0.75rem;
  --rs-t-2: 0.875rem;
  --rs-t-3: 1rem;
  --rs-t-4: 1.1875rem;
  --rs-t-5: 1.5rem;
  --rs-t-6: 2rem;
  --rs-t-7: 2.75rem;
  --rs-lh-tight: 1.12;
  --rs-lh: 1.55;

  /* Space, shape, depth, motion */
  --rs-s-1: 4px;
  --rs-s-2: 8px;
  --rs-s-3: 12px;
  --rs-s-4: 16px;
  --rs-s-5: 24px;
  --rs-s-6: 32px;
  --rs-s-7: 48px;
  --rs-s-8: 64px;

  --rs-r-1: 6px;
  --rs-r-2: 10px;
  --rs-r-pill: 999px;

  --rs-shadow-1: 0 1px 2px rgb(40 30 28 / 0.07), 0 3px 10px rgb(40 30 28 / 0.05);
  --rs-shadow-2: 0 2px 6px rgb(40 30 28 / 0.08), 0 16px 40px rgb(40 30 28 / 0.14);

  --rs-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rs-dur-1: 140ms;
  --rs-dur-2: 240ms;

  --rs-z-dropdown: 20;
  --rs-z-sticky: 30;
  --rs-z-backdrop: 40;
  --rs-z-modal: 50;
  --rs-z-toast: 60;
  --rs-z-tooltip: 70;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --rs-dur-1: 0ms;
    --rs-dur-2: 0ms;
  }
}