/* TOMRULEZ.WIN — reset + shared tokens */

@font-face {
  font-family: 'VT323';
  src: url('../fonts/vt323.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Press Start 2P';
  src: url('../fonts/pressstart2p.woff2') format('woff2');
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* Win95 chrome */
  --face: #c0c0c0;
  --face-dark: #9a9a9a;
  --hi: #ffffff;
  --lo: #808080;
  --shadow: #000000;
  --title: #000080;
  --title-2: #1084d0;
  --title-inactive: #808080;
  --title-inactive-2: #b5b5b5;
  --desktop: #008080;

  /* Terminal */
  --term-bg: #000000;
  --term-fg: #b8b8b8;
  --term-bright: #ffffff;
  --term-green: #33ff33;
  --term-amber: #ffb000;
  --term-cyan: #33ffff;
  --term-red: #ff5555;

  /* BIOS setup */
  --bios-bg: #0000a8;
  --bios-panel: #a8a8a8;

  --mono: 'VT323', 'Lucida Console', 'Courier New', monospace;
  --pixel: 'Press Start 2P', 'VT323', monospace;

  --titlebar-h: 20px;
  --taskbar-h: 34px;
}

html,
body {
  height: 100%;
  overflow: hidden;
  background: #050505;
}

body {
  font-family: var(--mono);
  font-size: 18px;
  color: var(--term-fg);
  -webkit-font-smoothing: none;
  text-rendering: optimizeSpeed;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

ul {
  list-style: none;
}

:focus-visible {
  outline: 2px dotted currentColor;
  outline-offset: 1px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Win95 bevels, used everywhere */
.bevel-out {
  border-top: 2px solid var(--hi);
  border-left: 2px solid var(--hi);
  border-right: 2px solid var(--shadow);
  border-bottom: 2px solid var(--shadow);
  box-shadow: inset -1px -1px 0 var(--lo), inset 1px 1px 0 var(--face);
}

.bevel-in {
  border-top: 2px solid var(--shadow);
  border-left: 2px solid var(--shadow);
  border-right: 2px solid var(--hi);
  border-bottom: 2px solid var(--hi);
  box-shadow: inset 1px 1px 0 var(--lo), inset -1px -1px 0 var(--face);
}