/* CSS Custom Properties */

:root {
  /* Colours */
  --primary-color: #128bf7;
  --secondary-color: #2e7184;
  --color-light: #cccccc;
  --color-white: #f0f0f0;
  --color-bw-50: #444444;
  --color-bw-90: #0f1319;
  --color-bw-100: #000000;
  --color-nightsky-70: #131922;
  --color-nightsky-90: #0C1015;
  --color-nightsky-100: #0d1117;

  --color-aqua-70: #00A0EE;
  --color-aqua-100: #56c8ff;
	

  --color-dodger-blue-50: #eefaff;
  --color-dodger-blue-100: #d9f2ff;
  --color-dodger-blue-200: #bbeaff;
  --color-dodger-blue-300: #8cdeff;
  --color-dodger-blue-400: #56c8ff;
  --color-dodger-blue-500: #2facff;
  --color-dodger-blue-600: #128bf7;
  --color-dodger-blue-700: #1176e4;
  --color-dodger-blue-800: #155eb8;
  --color-dodger-blue-900: #175191;
  --color-dodger-blue-950: #133258;

  --color-calypso-50: #f0fafb;
  --color-calypso-100: #daf0f3;
  --color-calypso-200: #bae2e7;
  --color-calypso-300: #89ccd7;
  --color-calypso-400: #52adbe;
  --color-calypso-500: #3791a3;
  --color-calypso-600: #2e7184;
  --color-calypso-700: #2d6171;
  --color-calypso-800: #2c515e;
  --color-calypso-900: #284551;
  --color-calypso-950: #162c36;

  --color-green-vogue-50: #eef8ff;
  --color-green-vogue-100: #dcf1ff;
  --color-green-vogue-200: #b2e4ff;
  --color-green-vogue-300: #6dcfff;
  --color-green-vogue-400: #20b7ff;
  --color-green-vogue-500: #009dff;
  --color-green-vogue-600: #007ddf;
  --color-green-vogue-700: #0063b4;
  --color-green-vogue-800: #005495;
  --color-green-vogue-900: #00457a;
  --color-green-vogue-950: #002240;

  /* Spacing */
  --spacing-xl: 2rem;
  --spacing-lg: 1.5rem;
  --spacing-standard: 1rem;
  --max-width-container: min(1024px, 100vw);

  /* Typography */
  --font-size-base: 16px;
  --font-size-xs: 0.75rem;
  --font-size-sm: 1rem;
  --font-size-normal: 1.25rem;
  --font-size-md: 1.5rem;
  --font-size-lg: 2rem;
  --font-size-xl: 3rem;
  --font-size-2xl: 4rem;

  /* Transitions */
  --transition-timing: ease-in-out;
  --transition-duration-normal: 250ms;
  --transition-duration-fast: 125ms;
}