:root {

  --neutral-0: #FFFFFF;
  --neutral-25: #FCFCFC;
  --neutral-50: #FAFAFA;
  --neutral-100: #F0F0F0;
  --neutral-200: #E2E2E2;
  --neutral-300: #D3D3D3;
  --neutral-400: #C5C5C5;
  --neutral-500: #9E9E9E;
  --neutral-600: #767676;
  --neutral-700: #4F4F4F;
  --neutral-800: #282828;
  --neutral-900: #171717;
  --neutral-1000: #000000;

  --blue-25: #F6F9FE;
  --blue-50: #E6EDFB;
  --blue-100: #CCDBF7;
  --blue-200: #9AB6F0;
  --blue-300: #6792E8;
  --blue-400: #356DE1;
  --blue-500: #0249D9;
  --blue-600: #012C82;
  --blue-700: #011D57;
  --blue-800: #000F2B;
  --blue-900: #000716;

  --font-size-xs: 1.2rem;
  --font-size-sm: 1.4rem;
  --font-size-md: 1.6rem;
  --font-size-lg: 2rem;
  --font-size-xl: 2.4rem;
  --font-size-2xl: 2.8rem;
  --font-size-3xl: 3.2rem;
  --font-size-4xl: 3.6rem;
  --font-size-5xl: 4rem;
  --font-size-6xl: 4.8rem;

  --font-weight-book: 400;

  /* || Typography */
  /* || Font Family */
  --font-family-heading: "Suisse Int'l";
  --font-family-body: "Suisse Int'l";
  --font-family-caption: "Suisse Int'l";
  --font-family-eyebrow: "Suisse Int'l";
  --font-family-label: "Suisse Int'l";

  /* || Breakpoints */
  --breakpoint-mobile-max: 767px;
  --breakpoint-tablet-min: 768px;
  --breakpoint-tablet-max: 1024px;
  --breakpoint-desktop-min: 1025px;

  /* Letter Spacing */
  --letter-spacing-xs: -0.5px;
  --letter-spacing-sm: -0.25px;
  --letter-spacing-md: 0;
  --letter-spacing-lg: 0.5px;

  /* || Z-INDEX */
  --zindex-2xs: 0;
  --zindex-xs: 1;
  --zindex-sm: 2;
  --zindex-md: 3;
  --zindex-lg: 4;
  --zindex-xl: 5;
  --zindex-2xl: 6;
  --zindex-3xl: 7;
  --zindex-4xl: 8;
  --zindex-5xl: 9;

  /* || Image Aspect Ratio */
  --aspect-3-4: 3 / 4;
  --aspect-4-5: 4 / 5;
  --aspect-5-3: 5 / 3;
  --aspect-5-4: 5 / 4;
  --aspect-9-16: 9 / 16;
  --aspect-16-9: 16 / 9;
}

/* body * {
  color: red !important;
} */