/* Brand tokens transcribed from the supplied design guide. */
:root {
  --color-primary-50: #ffffff;
  --color-primary-100: #f0f0f0;
  --color-primary-200: #dbdbdb;
  --color-primary-300: #c2c2c2;
  --color-primary-400: #9e9e9e;
  --color-primary-500: #808080;
  --color-primary-600: #6b6b6b;
  --color-primary-700: #575757;
  --color-primary-800: #424242;
  --color-primary-900: #333333;
  --color-primary-950: #212121;
  --color-secondary-50: #f4f2fc;
  --color-secondary-100: #e9e5fa;
  --color-secondary-200: #ccc3f3;
  --color-secondary-300: #a594ef;
  --color-secondary-400: #6e53ea;
  --color-secondary-500: #4826df;
  --color-secondary-600: #391cbb;
  --color-secondary-700: #2e1697;
  --color-secondary-800: #231174;
  --color-secondary-900: #1f1353;
  --color-secondary-950: #140c36;
  --color-accent-50: #fcf3f3;
  --color-accent-100: #f9e7e7;
  --color-accent-200: #f1c6c6;
  --color-accent-300: #ea9999;
  --color-accent-400: #e15b5b;
  --color-accent-500: #d63637;
  --color-accent-600: #b22424;
  --color-accent-700: #901d1d;
  --color-accent-800: #6e1616;
  --color-accent-900: #501616;
  --color-accent-950: #340f0f;
  --color-neutral-50: #f7f7f7;
  --color-neutral-100: #f0f0f0;
  --color-neutral-200: #dbdbdb;
  --color-neutral-300: #c2c2c2;
  --color-neutral-400: #9e9e9e;
  --color-neutral-500: #808080;
  --color-neutral-600: #6b6b6b;
  --color-neutral-700: #575757;
  --color-neutral-800: #424242;
  --color-neutral-900: #333333;
  --color-neutral-950: #000000;
  --color-success: #ffffff;
  --color-warning: #f59e0b;
  --color-error: #d63637;
  --font-size-xs: 0.875rem;
  --font-size-sm: 0.938rem;
  --font-size-base: 1.063rem;
  --font-size-lg: 1.313rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 1.813rem;
  --font-size-3xl: 2.063rem;
  --font-size-4xl: 5.188rem;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-3: 0.625rem;
  --spacing-4: 0.875rem;
  --spacing-8: 1.875rem;
  --spacing-10: 2.5rem;
  --spacing-13: 3.125rem;
  --spacing-15: 3.75rem;
  --radius-none: 0;
  --radius-sm: 0.1875rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.5625rem;
  --radius-xl: 50%;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --shadow-sm: rgb(136, 136, 136) 0px 0px 1px 0px;
  --shadow-md: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
}