/* Proplore brand tokens v3 — traced house-pin logo. 2026-10-23.
   Fonts (SIL OFL 1.1, in ./fonts): Besley (display), Schibsted Grotesk (text), Spline Sans Mono (data). Wordmark is Besley 700 converted to outlines. */
@font-face { font-family: "Besley"; src: url("fonts/Besley-variable.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("fonts/SchibstedGrotesk-variable.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Spline Sans Mono"; src: url("fonts/SplineSansMono-variable.ttf") format("truetype"); font-weight: 300 700; font-display: swap; }

:root {
  /* brand */
  --pl-coral:       #FE5D49;  /* Pin Coral (sampled from the traced logo) — the pin, highlights, large accents. Not for small text on sand (3.0:1). */
  --pl-coral-600:   #C0392B;  /* Coral 600 — buttons with white text, links on sand (4.9:1) */
  --pl-teal:        #035B66;  /* Contour Teal (sampled from the traced logo) — rings, secondary buttons, headings accent (7.1:1 on sand) */
  --pl-deep:        #073A3F;  /* Deep Teal — body text, dark sections, primary buttons (11.2:1 on sand) */
  --pl-sand:        #F7F2E7;  /* Survey Sand — page background */
  --pl-white:       #FFFFFF;  /* cards on sand */
  /* support */
  --pl-mist:        #D6E4E2;  /* text on deep teal (9.5:1), quiet fills */
  --pl-sea:         #3F8F8A;  /* illustrations, map lines only (not text) */
  --pl-muted:       #4F6266;  /* secondary text on sand (5.8:1) */
  --pl-line:        #E2DACB;  /* borders and rules on sand */
  --pl-gold:        #D9A441;  /* "needs a check" status; on deep teal 5.5:1 */
  --pl-danger:      #B42318;  /* errors, do-not-contact */
  --pl-ok:          #1F7A4D;  /* on record / confirmed */

  /* semantic */
  --pl-bg: var(--pl-sand);  --pl-surface: var(--pl-white);  --pl-text: var(--pl-deep);  --pl-text-2: var(--pl-muted);
  --pl-border: var(--pl-line);  --pl-link: var(--pl-coral-600);  --pl-focus: var(--pl-coral);

  /* type */
  --pl-font-display: "Besley", Georgia, "Times New Roman", serif;
  --pl-font-text: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pl-font-mono: "Spline Sans Mono", ui-monospace, Menlo, monospace;
  --pl-fs-hero: clamp(42px, 6vw, 80px);   /* Besley 700, -0.02em, lh 1.0 */
  --pl-fs-h1:   clamp(32px, 4vw, 52px);   /* Besley 700, -0.015em, lh 1.08 */
  --pl-fs-h2:   clamp(24px, 2.6vw, 34px); /* Besley 700, -0.01em */
  --pl-fs-h3:   20px;                     /* Besley 700 */
  --pl-fs-lede: clamp(18px, 1.8vw, 21px); /* Schibsted Grotesk 400 */
  --pl-fs-body: 16px;                     /* Schibsted Grotesk 400, lh 1.6 */
  --pl-fs-small: 14px;
  --pl-fs-label: 12px;                    /* Spline Sans Mono 500, uppercase, +0.08em */

  /* shape, space, depth, motion */
  --pl-r-sm: 8px;  --pl-r-md: 14px;  --pl-r-lg: 22px;  --pl-r-pill: 999px;
  --pl-space-1: 4px; --pl-space-2: 8px; --pl-space-3: 12px; --pl-space-4: 16px; --pl-space-5: 24px;
  --pl-space-6: 32px; --pl-space-7: 48px; --pl-space-8: 64px; --pl-space-9: 96px;
  --pl-max: 1200px;
  --pl-shadow-1: 0 1px 2px rgba(7,58,63,.06);
  --pl-shadow-2: 0 1px 2px rgba(7,58,63,.06), 0 12px 32px -16px rgba(7,58,63,.25);
  --pl-ease: cubic-bezier(.22,.36,.10,1);  --pl-dur: 160ms;
}