:root {
  --primary-color: #282f35;
  --quaternary-color: #9fddff;
  --quinary-color: #dcdcdc;
  --marine-blue: #132139;
  --dark-grey: #373d43;
  --darker-grey: #232629;
  --quaternary-color-highlight: rgba(159, 221, 255, 0.2);

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

  /* Global Border Radius */
  --border-radius: 12px;
}