:root {
  --color-black: #0a0a0a;
  --color-dark-grey: #1a1a1a;
  --color-medium-grey: #737373;
  --color-light-grey: #c9c9c9;
  --color-white: #f2f2f2;
  --color-hot-pink: #ff2a91;
  --color-chartreuse: #b8ff35;

  --font-display: "Courier New", Courier, monospace;
  --font-body: "Courier New", Courier, monospace;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --letter-spacing-tight: 0.04em;
  --letter-spacing-wide: 0.12em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;

  --border-thin: 1px;
  --border-heavy: 2px;
  --timing-fast: 120ms;
  --timing-normal: 240ms;
  --panel-max-width: 28rem;
  --control-size: 2rem;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --ui-layer: 10;
}