:root {
  --color-primary-a: #43637f;
  --color-primary-b: #2f4559;
  --color-primary-c: #1b2833;
  --color-primary-d: #0a0f12;

  --color-secondary: #fff;
  --color-secondary-a: #bbe1ff;
  --color-secondary-b: #a7c8e3;
  --color-secondary-c: #8ba7bd;
  --color-secondary-d: #65798a;
  --color-secondary-e: #526370;

  --color-accent-a: #ff6b2b;
  --color-accent-b: #ff5d2b;
  --color-accent-c: #e44727;
  --color-accent-d: #b1371e;
  --color-accent-e: #972f19;

  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 2rem;
  --font-size-xl: 4rem;
}