/* Global terminal font and base styles */
@font-face {
  font-family: 'Amiga4Ever';
  src: url('../assets/fonts/amiga4ever-pro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Keep the old alias resolving to the new face so legacy CSS keeps working */
@font-face {
  font-family: 'TopazPlus';
  src: url('../assets/fonts/amiga4ever-pro.ttf') format('truetype');
  font-display: swap;
}

:root { color-scheme: dark; }

html, body {
  margin: 0;
  background: #000;
  color: #fff;
  font: 14px/1.25 'Amiga4Ever', 'TopazPlus', monospace;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Ensure consistent typography for common elements */
body, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, button, input, select, textarea, label, small, strong, em, span, div {
  font-family: 'Amiga4Ever', 'TopazPlus', monospace;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Media player and controls */
#dom-player,
#dom-player .left,
#dom-player .controls,
#dom-player button,
#dom-player .title,
#player_status,
#player_title {
  font-family: 'Amiga4Ever', 'TopazPlus', monospace;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Headings to match "MIXTAPES:" look */
h1, h2, h3 { font-weight: 400; margin: 0; }

/* Inputs */
input[type="range"] { accent-color: #fff; }

/* Links */
a { color: #fff; text-decoration: none; }
a:hover { opacity: .8; }