/* Generated by @somewhere-com/tokens from src/*.json. Do not edit. */

:root {
  /* primitive */
  --color-brand-primary-50: #f9fffb;
  --color-brand-primary-100: #d1fae1;
  --color-brand-primary-200: #94f4c3;
  --color-brand-primary-300: #53eeab;
  --color-brand-primary-400: #25e99b;
  --color-brand-primary-500: #16e398;
  --color-brand-primary-600: #12ba8a;
  --color-brand-primary-700: #0f997e;
  --color-brand-primary-800: #0c796c;
  --color-brand-primary-900: #00524e;
  --color-brand-primary-950: #013a3d;
  --color-brand-secondary-50: #fef4ee;
  --color-brand-secondary-100: #fee5d6;
  --color-brand-secondary-200: #fbc7ad;
  --color-brand-secondary-300: #f8a179;
  --color-brand-secondary-400: #f47043;
  --color-brand-secondary-500: #f2542a;
  --color-brand-secondary-600: #e23114;
  --color-brand-secondary-700: #bc2212;
  --color-brand-secondary-800: #951d17;
  --color-brand-secondary-900: #781b16;
  --color-brand-secondary-950: #410a09;
  --color-brand-highlight-50: #f7ffe6;
  --color-brand-highlight-100: #edfec9;
  --color-brand-highlight-200: #dbfc9a;
  --color-brand-highlight-300: #b8f64a;
  --color-brand-highlight-400: #a6ec2f;
  --color-brand-highlight-500: #86d210;
  --color-brand-highlight-600: #67a808;
  --color-brand-highlight-700: #4f800b;
  --color-brand-highlight-800: #3f650f;
  --color-brand-highlight-900: #365512;
  --color-brand-highlight-950: #1a2f04;
  --color-neutral-50: #f5f8f8;
  --color-neutral-100: #edeff1;
  --color-neutral-200: #dfe4e6;
  --color-neutral-300: #cad5d7;
  --color-neutral-400: #b4c0c5;
  --color-neutral-500: #a0adb4;
  --color-neutral-600: #808a93;
  --color-neutral-700: #616a72;
  --color-neutral-800: #52595d;
  --color-neutral-900: #181c20;
  --color-info-50: #e9f2ff;
  --color-info-100: #d3e6ff;
  --color-info-200: #a7ccff;
  --color-info-300: #7bb1ff;
  --color-info-400: #4d95fc;
  --color-info-500: #0b77f7;
  --color-info-600: #0867d7;
  --color-info-700: #0657b7;
  --color-info-800: #044799;
  --color-info-900: #02387c;
  --color-positive-50: #edfff7;
  --color-positive-100: #d4ffed;
  --color-positive-200: #acffdc;
  --color-positive-300: #6bffc3;
  --color-positive-400: #25ffa2;
  --color-positive-500: #00ee83;
  --color-positive-600: #00c76a;
  --color-positive-700: #009b56;
  --color-positive-800: #027a48;
  --color-positive-900: #04633d;
  --color-positive-950: #00381f;
  --color-warning-50: #fefee8;
  --color-warning-100: #fffec2;
  --color-warning-200: #fffb85;
  --color-warning-300: #fff145;
  --color-warning-400: #fce113;
  --color-warning-500: #ecc806;
  --color-warning-600: #cc9d02;
  --color-warning-700: #a27006;
  --color-warning-800: #86580d;
  --color-warning-900: #432505;
  --color-error-50: #fef3f2;
  --color-error-100: #ffe3e1;
  --color-error-200: #ffcdc9;
  --color-error-300: #fea9a3;
  --color-error-400: #fb786e;
  --color-error-500: #f24d41;
  --color-error-600: #df3023;
  --color-error-700: #b42318;
  --color-error-800: #9b2219;
  --color-error-900: #81221b;
  --color-error-950: #460d09;
  --color-white: #ffffff;
  --color-black: #000000;
  --font-sans: "DM Sans", sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-h1: 4rem;
  --text-h2: 3rem;
  --text-h3: 2rem;
  --text-h4: 1.5rem;
  --text-h5: 1.25rem;
  --text-h6: 1rem;
  --text-large: 1.25rem;
  --text-medium: 1.15rem;
  --text-regular: 1rem;
  --text-small: 0.9rem;
  --text-tiny: 0.8rem;
  --line-height-heading: 1.2;
  --line-height-h4: 1.3;
  --line-height-h5-h6: 1.4;
  --line-height-body: 1.5;
  --space-tiny: 0.125rem;
  --space-xxsmall: 0.25rem;
  --space-xsmall: 0.5rem;
  --space-small: 1rem;
  --space-xmedium: 1.5rem;
  --space-medium: 2rem;
  --space-large: 3rem;
  --space-xlarge: 4rem;
  --space-xxlarge: 5rem;
  --space-huge: 6rem;
  --space-xhuge: 8rem;
  --space-xxhuge: 12rem;
  --padding-none: 0rem;
  --padding-tiny: 0.25rem;
  --padding-xxsmall: 0.5rem;
  --padding-xsmall: 0.75rem;
  --padding-small: 1rem;
  --padding-regular: 1.25rem;
  --padding-medium: 1.5rem;
  --padding-xmedium: 2rem;
  --padding-large: 3rem;
  --padding-xlarge: 4rem;
  --padding-xxlarge: 5rem;
  --padding-huge: 6rem;
  --padding-xhuge: 8rem;
  --padding-xxhuge: 12rem;
  --margin-none: 0rem;
  --margin-tiny: 0.2rem;
  --margin-xxsmall: 0.25rem;
  --margin-xsmall: 0.5rem;
  --margin-small: 1rem;
  --margin-medium: 2rem;
  --margin-large: 3rem;
  --margin-xlarge: 4rem;
  --margin-xxlarge: 5rem;
  --margin-huge: 6rem;
  --margin-xhuge: 8rem;
  --margin-xxhuge: 12rem;
  --width-full: 100%;
  --width-xxsmall: 20rem;
  --width-xsmall: 25rem;
  --width-small: 30rem;
  --width-medium: 32rem;
  --width-large: 48rem;
  --width-xlarge: 64rem;
  --width-xxlarge: 80rem;
  --radius-xs: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 9999px;
  --duration-fast: 150ms;
  --duration-regular: 250ms;
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --opacity-disabled: 0.5;
  /* semantic */
  --color-text-primary: var(--color-brand-primary-950);
  --color-text-secondary: var(--color-neutral-800);
  --color-text-brand: var(--color-brand-primary-900);
  --color-text-accent: var(--color-brand-highlight-300);
  --color-text-white: var(--color-white);
  --color-text-inverse-light: var(--color-brand-primary-100);
  --color-text-placeholder: var(--color-neutral-500);
  --color-text-error: var(--color-error-800);
  --color-text-success: var(--color-positive-800);
  --color-text-info: var(--color-info-800);
  --color-bg-primary: var(--color-white);
  --color-bg-soft: var(--color-neutral-100);
  --color-bg-disabled: var(--color-neutral-50);
  --color-bg-inverse: var(--color-brand-primary-950);
  --color-bg-brand-primary: var(--color-brand-primary-900);
  --color-bg-brand-secondary: var(--color-brand-secondary-500);
  --color-bg-brand-highlight: var(--color-brand-highlight-300);
  --color-bg-error: var(--color-error-50);
  --color-bg-success: var(--color-positive-50);
  --color-bg-info: var(--color-info-50);
  --color-border-soft: var(--color-neutral-200);
  --color-border-secondary: var(--color-neutral-400);
  --color-border-disabled: var(--color-neutral-100);
  --color-border-primary: var(--color-brand-primary-200);
  --color-border-error: var(--color-error-200);
  --color-focus-ring: var(--color-brand-primary-900);
  --color-focus-ring-inverse: var(--color-brand-highlight-300);
  --padding-page: 3rem;
  --padding-section-none: 0rem;
  --padding-section-small: 3rem;
  --padding-section-medium: 5rem;
  --padding-section-large: 8rem;
  --container-small: 48rem;
  --container-medium: 64rem;
  --container-large: 90rem;
  /* component */
  --color-border-button: #3b511433;
  --color-button-primary-bg: var(--color-brand-highlight-300);
  --color-button-primary-bg-hover: var(--color-brand-highlight-500);
  --color-button-primary-text: var(--color-text-primary);
  --color-button-secondary-bg: var(--color-brand-highlight-50);
  --color-button-secondary-text: var(--color-text-primary);
  --color-button-tertiary-bg: var(--color-brand-secondary-500);
  --color-button-tertiary-text: var(--color-white);
}

@media (max-width: 767px) {
  :root {
    --padding-page: 1rem;
  }
}