:root {
  --color--black-500: #000f08;
  
  --color--blue-100: #6c9fdf;
  --color--blue-500: #253d5b;
  --color--blue-900: #15273e;
  
  --color--gray-10: #F2F4F8;
  --color--gray-20: #DDE1E6;
  --color--gray-30: #C1C7CD;
  --color--gray-40: #A2A9B0;
  --color--gray-50: #878D96;
  --color--gray-60: #697077;
  --color--gray-70: #4D5358;
  --color--gray-80: #343A3F;
  --color--gray-90: #21272A;
  --color--gray-100: #121619;

  --color--neon-green-50: #D5E739;
  --color--neon-green-100: #B3D12D;
  --color--dark-gray-brand: #374548;
  
  --color--green-500: #25A249;
  
  --color--purple-100: #f0dff6;
  --color--purple-500: #d7c4de;
  --color--purple-900: #ae8fba;
  
  --color--red-500: #DA1E28;

  --color--yellow-500: #F1C21B;

  --color--white-500: #ffffff;
  
  --color--primary-base: var(--color--neon-green-50);
  --color--primary-dark: var(--color--neon-green-100);
  --color--primary-light: var(--color--blue-100);
  
  --color--accent-base: var(--color--neon-green-50);
  --color--accent-dark: var(--color--neon-green-100);
  --color--accent-light: var(--color--dark-gray-brand);
  
  --color--background-base: var(--color--gray-90);
  --color--background-light: var(--color--gray-20);
  --color--background-x-light: var(--color--white-500);
  --color--background-dark: var(--color--dark-gray-brand);
  --color--background-x-dark: var(--color--gray-100);
  
  --color--ui-danger-light: var(--color--red-100);
  --color--ui-danger-base: var(--color--red-500);
  --color--ui-danger-dark: var(--color--red-900);
  --color--ui-danger: var(--color--red-500);
  --color--ui-success: var(--color--green-500);
  --color--ui-warning: var(--color--yellow-500);
  
  --color--text: var(--color--gray-20);
  --color--text-light: var(--color--white-500);
  --color--text-inverse: var(--color--gray-90);
  --color--link: var(--color--primary-base);
  --color--link-hover: var(--color--primary-dark);
  
  --font-size--25: 0.75rem;
  --font-size--50: 0.875rem;
  --font-size--100: 1rem;
  --font-size--200: 1.25rem;
  --font-size--300: 1.5rem;
  --font-size--400: 2.25rem;
  --font-size--500: 3.75rem;
  
  --font-size--body: var(--font-size--100);
  --font-size--small: var(--font-size--50);
  --font-size--x-small: var(--font-size--25);
  --font-size--ui: var(--font-size--100);
  --font-size--button: var(--font-size--200);
  --font-size--section-title: var(--font-size--200);
  --font-size--subheader: var(--font-size--300);
  --font-size--header: var(--font-size--400);
  --font-size--display: var(--font-size--500);
  
  --font-weight--normal: 400;
  --font-weight--bold: 700;

  --font-family--body: "Nunito Sans", "Arial", "Helvetica", sans-serif;
  --font-family--display: "DIN Condensed", "Arial Narrow", sans-serif;
  
  --line-height--base: 1.5;
  --line-height--tight: 1.2;
  
  --border-radius--small: 0.25rem;
  --border-radius--base: 0.5rem;
  --border-radius--large: 1.5rem;
  --border-radius--pill: 4rem;
  --border-radius--circle: 100%;
  
  --border-width--base: 1px;
  --border-width--thick: 4px;
  
  --border--base: var(--border-width--base) solid var(--color--gray-60);
  --border--light: var(--border-width--base) solid var(--color--gray-50);
  --border--dark: var(--border-width--base) solid var(--color--primary-base);
  
  --container--base: 50rem;
  --container--large: 85rem;
  
  --space--xx-small: 0.25rem;
  --space--x-small: 0.5rem;
  --space--small: 0.75rem;
  --space--base: 1rem;
  --space--medium: 1.5rem;
  --space--large: 2rem;
  --space--x-large: 3rem;
  --space--xx-large: 4rem;
  
  --transition-duration--base: 0.2s;
  --transition-timing--base: ease-in-out;
  
  --z-index--basement: -999999;
  --z-index--base: 1;
  --z-index--layout: 1000;
  --z-index--modal: 4000;
  --z-index--ceiling: 999999;
}