:root {
  --white: #ffffff;
  --black: #000000;
  --gray-1: #1a1a1a;
  --gray-2: #4d4d4d;
  --gray-3: #9a9a9a;
  --gray-4: #d9d9d9;

  --bg: var(--white);
  --fg: var(--black);
  --line: var(--black);
  --muted: var(--gray-2);

  --font-display: "Archivo Black", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  --panel-pad-desktop: 6vw;
  --panel-pad-mobile: 1.5rem;
}

.panel--dark {
  --bg: var(--black);
  --fg: var(--white);
  --line: var(--white);
  --muted: var(--gray-3);
}