/* ── Findr design tokens ─────────────────────────────────────────
   Way-finding identity: porcelain field, pine ink, route orange,
   brass highlight. Type: Zilla Slab / Public Sans / IBM Plex Mono. */

:root {
  /* Color */
  --porcelain: #f3f7f6;   /* page field */
  --paper: #ffffff;       /* cards, panels */
  --pine: #14332e;        /* primary ink, deep surfaces */
  --pine-soft: #2e5b52;   /* secondary ink */
  --mist: #5f7a74;        /* muted text */
  --contour: #d9e5e2;     /* hairlines, topo lines */
  --route: #e4572e;       /* accent: CTAs, the route */
  --route-deep: #c74722;  /* accent hover */
  --brass: #c89b3c;       /* highlight: offers, ratings */
  --sky: #7ba8a0;         /* soft info tint */

  /* Type */
  --font-display: "Zilla Slab", "Georgia", serif;
  --font-body: "Public Sans", -apple-system, "Helvetica Neue", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", monospace;

  /* Rhythm */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px rgba(20, 51, 46, 0.06), 0 4px 14px rgba(20, 51, 46, 0.07);
  --shadow-pop: 0 6px 28px rgba(20, 51, 46, 0.16);
  --maxw: 1120px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--pine);
  background: var(--porcelain);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}

h1, h2, h3 { font-family: var(--font-display); line-height: 1.12; margin: 0; }

a { color: inherit; }

button { font-family: inherit; cursor: pointer; }

:focus-visible {
  outline: 2px solid var(--route);
  outline-offset: 2px;
  border-radius: 2px;
}

.mono-label {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pine-soft);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
}