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

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

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

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

:root {
  --lpr-background: #0a0a0a;
  --lpr-panel: #11110f;
  --lpr-panel-raised: #181814;
  --lpr-text: #f5f5f0;
  --lpr-muted: #aaa99f;
  --lpr-gold: #c9a227;
  --lpr-red: #c41e3a;
  --lpr-line: rgba(245, 245, 240, 0.14);
  --lpr-line-gold: rgba(201, 162, 39, 0.38);
  --lpr-font-display: "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-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lpr-focus: 0 0 0 3px #0a0a0a, 0 0 0 5px #c9a227;
}