:root {
  --bg: #090708;
  --bg-soft: #100a0c;
  --surface: #171012;
  --surface-2: #211417;
  --surface-3: #2b171c;
  --red-950: #2c070c;
  --red-900: #430a12;
  --red-800: #66101b;
  --red-700: #8e1725;
  --red-600: #b52231;
  --red-500: #e03543;
  --red-400: #ff5966;
  --red-300: #ff7c86;
  --cream: #fff1ea;
  --text: #f7e9e7;
  --text-soft: #c8aaa8;
  --muted: #896f70;
  --line: #4a252a;
  --black: #040303;
  --success: #6fd28a;
  --warning: #ffcc66;
  --danger: #ff5966;
  --unknown: #a08d8e;

  --font-body: "Trebuchet MS", Verdana, Arial, sans-serif;
  --font-display: "Arial Black", Impact, Haettenschweiler, sans-serif;
  --font-mono: "Courier New", Courier, monospace;

  --container: 1180px;
  --nav-height: 78px;
  --pixel: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-red: 0 8px 0 #4b0a12;
  --shadow-dark: 0 8px 0 #030202;
  --shadow-panel: 8px 8px 0 #030202;
  --outline: 0 0 0 3px var(--black), 0 0 0 5px var(--red-700);
}