@font-face {
  font-family: 'Coinbase Sans';
  src: url('/fonts/coinbase-sans-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Coinbase Sans';
  src: url('/fonts/coinbase-sans-medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Coinbase Sans';
  src: url('/fonts/coinbase-sans-regular-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Coinbase Sans';
  src: url('/fonts/coinbase-sans-medium-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

:root {
  --font-ui: 'Coinbase Sans', Arial, sans-serif;
  font-family: var(--font-ui);
  font-weight: 400;
  color-scheme: dark;
  --bg: #000;
  --surface: #121713;
  --raised: #1b221d;
  --ink: #f1f4f1;
  --text: #f1f4f1;
  --muted: #aab5ad;
  --subtle: #8e9d92;
  --line: #2b352e;
  --line-accent: #65312e;
  --accent: #ff7169;
  --red: #cd3c34;
  --accent-soft: #2b1918;
  --success: #91d9a4;
  --success-soft: #172b20;
}

button, input, select, textarea, code, pre, kbd, samp {
  font-family: var(--font-ui);
}
h1, h2, h3 { font-weight: 400; }
strong, b { font-weight: 500; }

/* A fixed, sparse starfield shared by the app and public record pages. */
body { isolation: isolate; }
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #000 url('/images/starfield.svg') repeat;
  background-size: 1440px 900px;
}