:root {
  /* Palette */
  --color-black: #000000;
  --color-piano-black: #1a1a2e;
  --color-narwhal-grey: #0f0f1a;
  --color-dragonfly: #2d5fd0;
  --color-endless-river: #5b8aef;
  --color-wisteria-blue: #89aefc;
  --color-white-porcelain: #fafaf7;
  --color-fiji-sands: #f5d590;
  --color-boho-copper: #e03030;
  --color-walnut: #1e3a8a;
  --color-sunflower: #fab41c;
  --color-royal-blue: #2d5fd0;
  --color-crimson: #e03030;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* Sizing */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --max-width: 1200px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}