:root {
  --petz-spacing-4xs: 0.125rem;
  --petz-spacing-3xs: 0.25rem;
  --petz-spacing-2xs: 0.5rem;
  --petz-spacing-xs: 0.75rem;
  --petz-spacing-sm: 1rem;
  --petz-spacing-md: 1.5rem;
  --petz-spacing-lg: 2rem;
  --petz-spacing-xl: 2.5rem;
  --petz-spacing-2xl: 3rem;
  --petz-spacing-3xl: 3.5rem;
  --petz-spacing-4xl: 4rem;
  --petz-spacing-5xl: 4.5rem;
  --petz-spacing-6xl: 5rem;
  --petz-spacing-7xl: 5.5rem;
  --petz-spacing-8xl: 6rem;
  --petz-color-primary-brand: #175EA8;
  --petz-color-primary-dark: #123F6D;
  --petz-color-primary-light: #00A1E4;
  --petz-color-primary-signature: #CCE5F3;
  --petz-color-primary-black-friday: #1A2C3F;
  --petz-color-secondary-brand: #F9E6B3;
  --petz-color-secondary-dark: #D6CDAB;
  --petz-color-secondary-light: #FDF9F4;
  --petz-color-secondary-black-friday: #F9E6B3;
  --petz-color-neutral-black: #1D1D1D;
  --petz-color-neutral-darker-accent: #454545;
  --petz-color-neutral-dark: #747474;
  --petz-color-neutral-mid: #D5D5D5;
  --petz-color-neutral-light: #EEEEEE;
  --petz-color-neutral-lighter-accent: #F5F5F5;
  --petz-color-neutral-white: #FFFFFF;
  --petz-color-sup-yellow-darker-accent: #B28E0B;
  --petz-color-sup-yellow-dark: #F1C115;
  --petz-color-sup-yellow-mid: #FFCD19;
  --petz-color-sup-yellow-light: #FFEEB3;
  --petz-color-sup-green-darker-accent: #24803A;
  --petz-color-sup-green-dark: #34AD51;
  --petz-color-sup-green-mid: #39BC58;
  --petz-color-sup-green-light: #D9ECE3;
  --petz-color-sup-red-darker-accent: #C62015;
  --petz-color-sup-red-dark: #EB4A3F;
  --petz-color-sup-red-mid: #FF5045;
  --petz-color-sup-red-light: #FFB7B3;
  --petz-color-chart-purple-dark: #6842A7;
  --petz-color-chart-purple-mid: #8B56E1;
  --petz-color-chart-purple-light: #ECE0FF;
  --petz-color-chart-pink-dark: #C800B4;
  --petz-color-chart-pink-mid: #DF58D1;
  --petz-color-chart-pink-light: #FFE5FB;
  --petz-color-chart-blue-dark: #0590CE;
  --petz-color-chart-blue-mid: #82C7E7;
  --petz-color-chart-blue-light: #EFFBFF;
  --petz-color-chart-orange-dark: #C5570E;
  --petz-color-chart-orange-mid: #FF6F0F;
  --petz-color-chart-orange-light: #FFE7D8;
  --petz-color-category-dog: #E8604B;
  --petz-color-category-reptile: #71B790;
  --petz-color-category-cat: #D19F72;
  --petz-color-category-bird: #DD6288;
  --petz-color-category-fish: #8E7FAE;
  --petz-color-category-cactus: #999C5F;
  --petz-color-category-mouse: #8E9CA6;
  --petz-color-category-rabbit: #72BAD1;
  --petz-color-clubz-primary-brand: #174B80;
  --petz-color-clubz-primary-light: #E2F0F3;
  --petz-color-clubz-secondary-brand: #F1D3A9;
  --petz-color-clubz-secondary-dark: #966540;
  --petz-color-clubz-offwhite: #FDF9F5;
  --petz-border-none: 0rem;
  --petz-border-sm: 0.0625rem;
  --petz-border-md: 0.125rem;
  --petz-border-lg: 0.25rem;
  --petz-border-xl: 0.5rem;
  --petz-rounded-2xs: 0.25rem;
  --petz-rounded-xs: 0.5rem;
  --petz-rounded-sm: 0.75rem;
  --petz-rounded-md: 1rem;
  --petz-rounded-lg: 1.25rem;
  --petz-rounded-xl: 1.5rem;
  --petz-rounded-2xl: 2rem;
  --petz-rounded-max: 15.625rem;
  --petz-shadow-top-sm: 0rem -0.5rem 1rem rgba(0, 0, 0, 0.08);
  --petz-shadow-sm: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.08);
  --petz-shadow-md: 0rem 1rem 2rem rgba(0, 0, 0, 0.08);
  --petz-shadow-lg: 0rem 2rem 4rem rgba(0, 0, 0, 0.15);
  --petz-shadow-xl: 0rem 3rem 6rem rgba(0, 0, 0, 0.15);
  --petz-breakpoint-3xl: 1920px;
  --petz-breakpoint-xxl: 1400px; /* DEPRECATED: Use --petz-breakpoint-2xl instead */
  --petz-breakpoint-2xl: 1400px;
  --petz-breakpoint-xl: 1200px;
  --petz-breakpoint-lg: 992px;
  --petz-breakpoint-md: 768px;
  --petz-breakpoint-sm: 576px;
  --petz-grid-col-3xl: 7.75rem;
  --petz-grid-col-xxl: 4.5rem; /* DEPRECATED: Use --petz-grid-col-2xl instead */
  --petz-grid-col-2xl: 4.5rem;
  --petz-grid-col-xl: 4rem;
  --petz-grid-col-lg: 5.5rem;
  --petz-grid-col-md: 4rem;
  --petz-grid-margin-3xl: 2.5rem;
  --petz-grid-margin-xxl: 3rem; /* DEPRECATED: Use --petz-grid-margin-2xl instead */
  --petz-grid-margin-2xl: 3rem;
  --petz-grid-margin-xl: 2.5rem;
  --petz-grid-margin-lg: 2rem;
  --petz-grid-margin-md: 1rem;
  --petz-grid-margin-sm: 1rem;
  --petz-gap-3xl: 2rem;
  --petz-gap-xxl: 2.5rem; /* DEPRECATED: Use --petz-gap-2xl instead */
  --petz-gap-2xl: 2.5rem;
  --petz-gap-xl: 2rem;
  --petz-gap-lg: 2rem;
  --petz-gap-md: 2rem;
  --petz-gap-sm: 1.5rem;
  --petz-opacity-xs: 0.08;
  --petz-opacity-sm: 0.16;
  --petz-opacity-md: 0.32;
  --petz-opacity-lg: 0.64;
  --petz-opacity-xl: 0.72;
  --petz-blur-sm: 0.25rem;
  --petz-blur-md: 0.5rem;
  --petz-blur-lg: 1rem;
  --petz-font-family-base: CircularXX;
  --petz-font-normal: 400; /* DEPRECATED: Use --petz-font-weight-regular instead */
  --petz-font-weight-regular: 400;
  --petz-font-bold: 700; /* DEPRECATED: Use --petz-font-weight-bold instead */
  --petz-font-weight-bold: 700;
  --petz-font-black: 900; /* DEPRECATED: Use --petz-font-weight-black instead */
  --petz-font-weight-black: 900;
  --petz-font-extra-black: 950; /* DEPRECATED: Use --petz-font-weight-extra-black instead */
  --petz-font-weight-extra-black: 950;
  --petz-font-lineheight-lg: 132%;
  --petz-font-lineheight-md: 124%;
  --petz-font-lineheight-xs: 108%;
  --petz-font-lineheight-sm: 116%;
  --petz-font-size-4xs: 0.625rem;
  --petz-font-size-3xs: 0.75rem;
  --petz-font-size-2xs: 0.875rem;
  --petz-font-size-xs: 1rem;
  --petz-font-size-sm: 1.125rem;
  --petz-font-size-md: 1.25rem;
  --petz-font-size-lg: 1.5rem;
  --petz-font-size-xl: 1.75rem;
  --petz-font-size-2xl: 2rem;
  --petz-font-size-3xl: 3rem;
  --petz-font-size-max: 4rem;
  --petz-elevation-0: 0;
  --petz-elevation-1: 5;
  --petz-elevation-2: 10;
  --petz-elevation-3: 15;
  --petz-elevation-4: 20;
  --petz-elevation-5: 25;
}