/* Shared foundation for Unmap's public web pages (shared-trip page, landing page).
   Pine palette + type stacks mirror the design tokens 1:1. */

@font-face {
  font-family: "Schibsted Grotesk";
  src: url("fonts/schibsted-grotesk/schibsted-grotesk-400.495024935267.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("fonts/schibsted-grotesk/schibsted-grotesk-500.da4fb0d79cdd.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("fonts/schibsted-grotesk/schibsted-grotesk-600.0aed8bb280fa.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("fonts/geist/geist-400.7be0a9e074e2.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("fonts/geist/geist-500.2df35a317853.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("fonts/geist/geist-600.f5e19df770d5.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrains-mono/jetbrains-mono-400.d130ea994b72.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrains-mono/jetbrains-mono-500.5ea9895b3750.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #FCFCFB;
  --ink: #1B1F19;
  --ink-soft: #4A5145;
  --ink-muted: #8C9083;
  --line: rgba(27, 31, 25, 0.10);
  --primary: #375732;
  --accent: #476A40;
  --accent-ink: #FFFFFF;
  --bg-soft: #F2F3EE;
  --surface: #FFFFFF;
  --placeholder: #E5E3D9;
  --placeholder-stripe: rgba(27, 31, 25, 0.05);
  --map-land: #ECEAE0;
  --map-water: #BCCFD2;
  --map-road: #FBFAF6;
  --map-forest: #BFCBB2;

  --font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}

img {
  max-width: 100%;
  display: block;
}

svg {
  display: block;
}

.placeholder {
  background: var(--placeholder);
  background-image: repeating-linear-gradient(135deg, var(--placeholder-stripe) 0 1.5px, transparent 1.5px 14px);
}