:root {
  /* Color Scheme 1 (Default Dark) */
  --color-base-text: 255, 255, 255;
  --color-base-background-1: 11, 18, 30; /* #0B121E */
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-accent-1: 211, 47, 47; /* #D32F2F - Button */
  --color-base-accent-2: 51, 79, 180; /* Scheme 5 background maybe? */

  /* Global Colors */
  --color-foreground: 255, 255, 255;
  --color-background: 11, 18, 30;
  --gradient-background: #0B121E;
  
  --color-button: 211, 47, 47;
  --color-button-text: 255, 255, 255;
  --color-link: 255, 255, 255;
  
  /* Typography */
  --font-body-family: 'Chakra Petch', sans-serif;
  --font-heading-family: 'Chakra Petch', sans-serif;
  --font-body-scale: 1.0;
  --font-heading-scale: 1.0;

  /* Layout */
  --page-width: 120rem;
  --grid-desktop-vertical-spacing: 8px;
  --grid-desktop-horizontal-spacing: 8px;
  --grid-mobile-vertical-spacing: 4px;
  --grid-mobile-horizontal-spacing: 4px;
}

body {
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
}