/* Functional mirror overrides. The captured dump supplies the visual system. */
:root {
  --bg-image: url('/assets/img/background.jpg');
  font-family: Nunito, Arial, sans-serif;
}

html.dark, html[data-theme="dark"], .dark {
  --bg-image: url('/assets/img/background_dark.jpg');
}

body {
  background-image: var(--bg-image);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Nunito, Arial, sans-serif;
}

html[data-theme="dark"] body,
html.dark body,
body.dark {
  background-color: var(--bg-app, #141e33);
  background-image: url('/assets/img/background_dark.jpg');
}

@font-face {
  font-family: Nunito;
  src: url('/assets/fonts/ee40bb094c99a29a-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 200 1000;
}

html, body, body * {
  font-family: Nunito, Arial, sans-serif !important;
}

[data-loading="true"] { min-height: 2rem; opacity: .65; }
[data-loading="true"]::before { content: 'Loading recent transactions...'; display: block; padding: .75rem; }

.mnav { position: relative; z-index: 2; }

@media (max-width: 640px) {
  body { background-size: auto 100%; }
}