/* ============================================================
   Lopez & Lopez, REALTORS® brand type. Self hosted, no CDN font request.
   This file is linked by <LprBrandStylesheet /> on every public
   LPR route, so the faces and the tokens travel together.
   Fallback chains are system only. A Google family name in a
   fallback chain is what lets a drifted surface score a pass.
   ============================================================ */

@font-face {
  font-family: "Anode";
  src: url("/brand/anode.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Lopez Display";
  src: url("/brand/lopez-display.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Lopez Display";
  src: url("/brand/lopez-display-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Lopez Mono";
  src: url("/brand/lopez-mono.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --lpr-background: #0a0a0a;
  --lpr-text: #f5f5f0;
  --lpr-gold: #c9a227;
  --lpr-red: #c41e3a;
  --lpr-font-display: "Lopez Display", Georgia, "Times New Roman", serif;
  --lpr-font-serif: "Lopez Display", Georgia, "Times New Roman", serif;
  --lpr-font-mono: "Lopez Mono", "Courier New", Courier, monospace;
  --lpr-font-signature: "Anode", Impact, sans-serif;
  --lpr-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --lpr-space-1: 0.25rem;
  --lpr-space-2: 0.5rem;
  --lpr-space-3: 0.75rem;
  --lpr-space-4: 1rem;
  --lpr-space-6: 1.5rem;
  --lpr-space-8: 2rem;
  --lpr-space-12: 3rem;
  --lpr-space-16: 4rem;
  --lpr-space-24: 6rem;
  --lpr-radius-control: 0.25rem;
  --lpr-radius-panel: 0.5rem;
  --lpr-radius-portrait: 0.75rem;
  --lpr-focus: 0 0 0 3px #0a0a0a, 0 0 0 5px #c9a227;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --lpr-motion-fast: 0ms;
    --lpr-motion-standard: 0ms;
    --lpr-motion-slow: 0ms;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --lpr-motion-fast: 140ms;
    --lpr-motion-standard: 220ms;
    --lpr-motion-slow: 420ms;
  }
}