/* ─── keytap — shared identity ───
   One palette and one type system for every page: the BSOD-brutalist blue,
   Pixelify Sans for display, Iosevka Charon for everything else. Fonts are
   self-hosted: these pages claim nothing leaves them, so nothing may. */

@font-face {
  font-family: "Pixelify Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/PixelifySans-400-700.woff2) format("woff2");
}

@font-face {
  font-family: "Iosevka Charon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/IosevkaCharon-400.woff2) format("woff2");
}

@font-face {
  font-family: "Iosevka Charon";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/IosevkaCharon-400-italic.woff2) format("woff2");
}

@font-face {
  font-family: "Iosevka Charon";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/IosevkaCharon-500.woff2) format("woff2");
}

@font-face {
  font-family: "Iosevka Charon";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/IosevkaCharon-700.woff2) format("woff2");
}

:root {
  color-scheme: dark;
  --bg: hsl(240, 100%, 20%);
  --fg: #fff;
  --muted: hsl(240, 40%, 72%);
  --panel-bg: hsla(240, 100%, 28%, 0.5);
  --line: hsla(0, 0%, 100%, 0.15);
  --accent: #00ff66;
  --accent-fg: hsl(240, 100%, 14%);
  --error: #ff4444;
  --busy: #ffd23f;
  --callout-bg: hsla(240, 100%, 32%, 0.4);
  --display: "Pixelify Sans", monospace;
  --body: "Iosevka Charon", "SF Mono", "Menlo", "Consolas", monospace;
  /* The terminal's historical name for the body face. */
  --mono: var(--body);
}