:root {
  --black: #020304;
  --ink: #05080a;
  --charcoal: #11161a;
  --panel: rgba(5, 10, 13, 0.70);
  --panel-strong: rgba(2, 5, 7, 0.92);
  --white: #f2f2ee;
  --muted: #8e9aa0;

  --ccan-teal: #0aaab4;
  --ccan-cyan: #23e7f2;
  --ccan-pink: #ff00a6;
  --ccan-orange: #ff7a00;
  --ccan-gold: #ffb000;

  --tkr-red: #d2191f;
  --tkr-gold: #d5a84d;
  --tkr-white: #efefea;

  --accent: var(--ccan-cyan);
  --accent-2: var(--ccan-orange);
  --accent-3: var(--tkr-red);
  --room-glow: var(--ccan-cyan);

  --radius: 14px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-snap: cubic-bezier(.2, .9, .18, 1.1);
}