/* Mirrors ReplicatedStorage/Modules/react-colors.ts and client/modules/constants.ts in the game. */
:root {
  color-scheme: dark;

  --background: rgb(20, 23, 26);
  --elevation1: rgb(28, 32, 36);
  --elevation2: rgb(39, 45, 50);
  --elevation3: rgb(50, 57, 65);
  --elevation4: rgb(61, 70, 79);
  --elevation5: rgb(72, 83, 94);
  --elevation6: rgb(83, 96, 108);

  --blue: rgb(80, 160, 240);
  --blue-soft: rgba(80, 160, 240, 0.14);
  --green: rgb(80, 240, 80);
  --green-soft: rgba(80, 240, 80, 0.12);
  --red: rgb(240, 80, 80);
  --red-soft: rgba(240, 80, 80, 0.13);
  --gold: rgb(239, 184, 56);
  --gold-soft: rgba(239, 184, 56, 0.14);
  --orange: rgb(255, 145, 36);
  --purple: rgb(160, 80, 240);
  --blurple: rgb(88, 101, 242);

  --text: rgb(255, 255, 255);
  --text-muted: rgb(170, 180, 190);
  --text-faint: rgb(120, 132, 144);

  /* Tighter than the game's UI on purpose: this is a dense staff tool. */
  --padding: 10px;
  --padding-inner: 5px;
  --corner: 5px;
  --frame-corner: 6px;
  --border: 1px;

  --text-small: 13px;
  --text-body: 14px;
  --text-medium: 16px;
  --text-large: 19px;
  --text-larger: 22px;

  --font: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}