:root {
  /* Colors — Primary */
  --color-primary: #e1d7c2;
  --color-secondary: #eb9d2a;
  --color-accent: #eeefe9;

  /* Colors — Neutrals */
  --color-neutral-50: #000000;
  --color-neutral-100: #4d4f46;
  --color-neutral-200: #374151;
  --color-neutral-300: #23251d;
  --color-neutral-400: #9ea096;
  --color-neutral-500: #65675e;
  --color-neutral-600: #bfc1b7;
  --color-neutral-700: #ffffff;
  --color-neutral-800: #b6b7af;
  --color-neutral-900: #131316;

  /* Colors — Backgrounds */
  --color-bg: #e5e7e0;
  --color-bg-1: #e1d7c2;
  --color-bg-2: #ffffff;
  --color-bg-3: #eeefe9;
  --color-bg-4: #fdfdf8;
  --color-bg-5: #2f80fa;
  --color-bg-6: #f3f4f0;

  /* Colors — Text */
  --color-text: #000000;
  --color-text-1: #23251d;
  --color-text-2: #73756b;
  --color-text-3: #65675e;
  --color-text-4: #4d4f46;

  /* Typography — Families */
  --font-body: 'IBM Plex Sans Variable', sans-serif;
  --font-heading: 'Open Runde', sans-serif;
  --font-body: 'Source Code Pro', sans-serif;

  /* Typography — Scale */
  --font-size-36: 36px;
  --font-size-24: 24px;
  --font-size-21.4286: 21.4286px;
  --font-size-20: 20px;
  --font-size-19.2857: 19.2857px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-15: 15px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-size-12: 12px;

  /* Spacing */
  --spacing-1: 1px;
  --spacing-20: 20px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-120: 120px;
  --spacing-144: 144px;
  --spacing-220: 220px;

  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-full: 9999px;

  /* Box Shadows */
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 6px 2px;

  /* Original Site Variables */
  /* — colors — */
  --squeak-primary-color: 0,0,0;
  --squeak-button-color: 245,78,0;
  --swiper-pagination-color: #f54e00;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-theme-color: #007aff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-border-spacing-x: 0;
  --tw-shadow-colored: 0 0 #0000;
  --tw-border-spacing-y: 0;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-ring-offset-color: #fff;
  /* — spacing — */
  --tw-contain-size: ;
  --tw-numeric-spacing: ;
  --viewport-padding: 25px;
  /* — shadows — */
  --tw-shadow: 0 0 #0000;
  --tw-drop-shadow: ;
  /* — other — */
  --squeak-default-avatar-fill: 255,255,255;
  --tw-contrast: ;
  --tw-backdrop-sepia: ;
  --tw-sepia: ;
  --tw-skew-x: 0;
  --tw-ordinal: ;
  --tw-backdrop-saturate: ;
  --tw-contain-style: ;
  --tw-backdrop-blur: ;
  --tw-translate-x: 0;
  --tw-gradient-via-position: ;
  --tw-backdrop-invert: ;
  --tw-saturate: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-grayscale: ;
  --tw-scale-x: 1;
  --tw-backdrop-hue-rotate: ;
  --tw-gradient-to-position: ;
  --tw-brightness: ;
  --tw-numeric-fraction: ;
  --tw-backdrop-grayscale: ;
  --tw-hue-rotate: ;
  --tw-scale-y: 1;
  --tw-pan-y: ;
  --tw-backdrop-contrast: ;
  --tw-skew-y: 0;
  --tw-backdrop-brightness: ;
  --tw-slashed-zero: ;
  --tw-blur: ;
  --tw-invert: ;
  --tw-pan-x: ;
  --tw-translate-y: 0;
  --tw-backdrop-opacity: ;
  --tw-gradient-from-position: ;
  --tw-numeric-figure: ;
  --tw-rotate: 0;
  --tw-pinch-zoom: ;
  --tw-contain-paint: ;
  --tw-contain-layout: ;
  /* — semantic — */
  success: [object Object];
  warning: [object Object];
  error: [object Object];
  info: [object Object];

}