/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --beige: rgb(233,213,199); /* @kind color */
  --brand-dark-100: var(--colors-orange-dark-100); /* @kind color */
  --brand-dark-50: var(--colors-orange-dark-50); /* @kind color */
  --brand-dark-600: var(--colors-orange-dark-600); /* @kind color */
  --brand-dark-700: var(--colors-orange-dark-700); /* @kind color */
  --brand-light-100: var(--colors-orange-light-100); /* @kind color */
  --brand-light-50: var(--colors-orange-light-50); /* @kind color */
  --brand-light-600: var(--colors-orange-light-600); /* @kind color */
  --brand-light-700: var(--colors-orange-light-700); /* @kind color */
  --colors-background-bg-brand-100: var(--brand-light-100); /* @kind color */
  --colors-background-bg-brand-50: var(--brand-light-50); /* @kind color */
  --colors-background-bg-brand-600: var(--brand-light-600); /* @kind color */
  --colors-background-bg-brand-700: var(--brand-light-700); /* @kind color */
  --colors-background-bg-gray-100-2: var(--colors-gray-solid-100); /* @kind color */
  --colors-background-bg-gray-100: var(--grey-light-100); /* @kind color */
  --colors-background-bg-gray-50: var(--grey-light-50); /* @kind color */
  --colors-background-bg-transparent: var(--colors-base-transparent); /* @kind color */
  --colors-background-bg-white: var(--colors-base-white); /* @kind color */
  --colors-base-black: rgb(0,0,0); /* @kind color */
  --colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-border-border-gray-100: var(--grey-light-100); /* @kind color */
  --colors-border-border-gray-200: var(--grey-light-200); /* @kind color */
  --colors-border-border-gray-300: var(--grey-light-300); /* @kind color */
  --colors-gray-dark-mode-600: rgb(97,100,108); /* @kind color */
  --colors-gray-light-mode-400: rgb(152,162,179); /* @kind color */
  --colors-gray-neutral-solid-600: rgb(97,100,108); /* @kind color */
  --colors-gray-neutral-solid-800: rgb(51,51,51); /* @kind color */
  --colors-gray-solid-0: rgb(255,255,255); /* @kind color */
  --colors-gray-solid-100: rgb(242,244,247); /* @kind color */
  --colors-gray-solid-300: rgb(208,213,221); /* @kind color */
  --colors-gray-solid-400: rgb(152,162,179); /* @kind color */
  --colors-gray-solid-800: rgb(47,48,49); /* @kind color */
  --colors-grey-dark-100: rgba(159,159,169,0.14); /* @kind color */
  --colors-grey-dark-200: rgba(159,159,169,0.22); /* @kind color */
  --colors-grey-dark-50: rgba(255,255,255,0.06); /* @kind color */
  --colors-grey-dark-700: rgba(255,255,255,0.8); /* @kind color */
  --colors-grey-dark-800: rgba(255,255,255,0.95); /* @kind color */
  --colors-grey-light-100: rgba(31,53,97,0.06); /* @kind color */
  --colors-grey-light-200: rgba(31,53,97,0.12); /* @kind color */
  --colors-grey-light-300: rgba(31,53,97,0.16); /* @kind color */
  --colors-grey-light-50: rgba(31,53,97,0.04); /* @kind color */
  --colors-grey-light-700: rgba(0,13,33,0.8); /* @kind color */
  --colors-grey-light-800: rgba(24,28,32,0.9); /* @kind color */
  --colors-orange-dark-100:rgba(238,163,153,0.20); /* @kind color */
  --colors-orange-dark-50:rgba(238,163,153,0.10); /* @kind color */
  --colors-orange-dark-600:rgb(238,163,153); /* @kind color */
  --colors-orange-dark-700:rgb(242,198,192); /* @kind color */
  --colors-orange-light-100:rgba(238,163,153,0.14); /* @kind color */
  --colors-orange-light-50:rgba(238,163,153,0.07); /* @kind color */
  --colors-orange-light-600:rgb(238,163,153); /* @kind color */
  --colors-orange-light-700:rgb(242,198,192); /* @kind color */
  --colors-text-text-brand-600: rgb(68,70,85); /* @kind color */
  --colors-text-text-brand-700: rgb(53,54,64); /* @kind color */
  --colors-text-text-gray-400-2: var(--colors-gray-solid-400); /* @kind color */
  --colors-text-text-gray-400: var(--colors-gray-light-mode-400); /* @kind color */
  --colors-text-text-gray-700: var(--grey-light-700); /* @kind color */
  --colors-text-text-gray-800: var(--grey-light-800); /* @kind color */
  --colors-text-text-white: var(--grey-solid-0); /* @kind color */
  --component-colors-components-button-grey-outlined-button-grey-outlined-border-hover: var(--colors-gray-solid-300); /* @kind color */
  --component-colors-components-button-grey-outlined-button-grey-outlined-fg-hover: var(--colors-gray-solid-800); /* @kind color */
  --component-colors-components-button-primary-button-primary-fg-hover: rgb(68,70,85); /* @kind color */
  --dark-grey: rgb(53,54,64); /* @kind color */
  --gap-0-2: var(--numbers-n-0-0px-2); /* @kind spacing */
  --gap-0: var(--numbers-n-0-0px); /* @kind spacing */
  --gap-1-5: var(--numbers-n-1-5-6px); /* @kind spacing */
  --gap-1: var(--numbers-n-1-4px); /* @kind spacing */
  --gap-2-5: var(--numbers-n-2-5-10px); /* @kind spacing */
  --gap-2: var(--numbers-n-2-8px); /* @kind spacing */
  --gap-3-2: var(--numbers-n-3-12px-2); /* @kind spacing */
  --gap-3-5: var(--numbers-n-3-5-14px); /* @kind spacing */
  --gap-3: var(--numbers-n-3-12px); /* @kind spacing */
  --gap-4-5: var(--numbers-n-4-5-18px); /* @kind spacing */
  --gap-4: var(--numbers-n-4-16px); /* @kind spacing */
  --gap-5: var(--numbers-n-5-20px); /* @kind spacing */
  --great-blue: rgb(72,87,139); /* @kind color */
  --grey-dark-100: var(--colors-grey-dark-100); /* @kind color */
  --grey-dark-200: var(--colors-grey-dark-200); /* @kind color */
  --grey-dark-50: var(--colors-grey-dark-50); /* @kind color */
  --grey-dark-700: var(--colors-grey-dark-700); /* @kind color */
  --grey-dark-800: var(--colors-grey-dark-800); /* @kind color */
  --grey-light-100: var(--colors-grey-light-100); /* @kind color */
  --grey-light-200: var(--colors-grey-light-200); /* @kind color */
  --grey-light-300: var(--colors-grey-light-300); /* @kind color */
  --grey-light-50: var(--colors-grey-light-50); /* @kind color */
  --grey-light-700: var(--colors-grey-light-700); /* @kind color */
  --grey-light-800: var(--colors-grey-light-800); /* @kind color */
  --grey-solid-0: var(--colors-gray-solid-0); /* @kind color */
  --light-grey: rgb(68,70,85); /* @kind color */
  --mindful-coral: rgb(238,163,153); /* @kind color */
  --numbers-n-0-0px-2: 0; /* @kind spacing */
  --numbers-n-0-0px: 0; /* @kind spacing */
  --numbers-n-1-4px: 4; /* @kind spacing */
  --numbers-n-1-5-6px: 6; /* @kind spacing */
  --numbers-n-2-5-10px: 10; /* @kind spacing */
  --numbers-n-2-8px: 8; /* @kind spacing */
  --numbers-n-3-12px-2: 12; /* @kind spacing */
  --numbers-n-3-12px: 12; /* @kind spacing */
  --numbers-n-3-5-14px: 14; /* @kind spacing */
  --numbers-n-4-16px: 16; /* @kind spacing */
  --numbers-n-4-5-18px: 18; /* @kind spacing */
  --numbers-n-5-20px: 20; /* @kind spacing */
  --off-white: rgb(243,232,224); /* @kind color */
  --pure-white: rgb(255,255,255); /* @kind color */
  --rose-peach: rgb(242,198,192); /* @kind color */
  --rounded-full-2: 9999; /* @kind spacing */
  --rounded-full: 9999; /* @kind spacing */
  --spacing-0-5-2px: 2; /* @kind spacing */
  --spacing-xxs: var(--spacing-0-5-2px);
  --white-light: rgb(255,249,244); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --colors-background-bg-brand-100: var(--brand-dark-100); /* @kind color */
  --colors-background-bg-brand-50: var(--brand-dark-50); /* @kind color */
  --colors-background-bg-brand-600: rgb(238,163,153); /* @kind color */
  --colors-background-bg-brand-700: rgb(242,198,192); /* @kind color */
  --colors-background-bg-gray-100-2: rgba(152,162,179,0.2); /* @kind color */
  --colors-background-bg-gray-100: var(--grey-dark-100); /* @kind color */
  --colors-background-bg-gray-50: var(--grey-dark-50); /* @kind color */
  --colors-background-bg-transparent: var(--colors-base-transparent); /* @kind color */
  --colors-background-bg-white: rgb(255,249,244); /* @kind color */
  --colors-border-border-gray-100: var(--grey-dark-50); /* @kind color */
  --colors-border-border-gray-200: var(--grey-dark-100); /* @kind color */
  --colors-border-border-gray-300: var(--grey-dark-200); /* @kind color */
  --colors-text-text-brand-600: rgb(238,163,153); /* @kind color */
  --colors-text-text-brand-700: rgb(242,198,192); /* @kind color */
  --colors-text-text-gray-400-2: var(--colors-gray-neutral-solid-600); /* @kind color */
  --colors-text-text-gray-400: var(--colors-gray-dark-mode-600); /* @kind color */
  --colors-text-text-gray-700: var(--grey-dark-700); /* @kind color */
  --colors-text-text-gray-800: var(--grey-dark-800); /* @kind color */
  --colors-text-text-white: var(--grey-solid-0); /* @kind color */
  --component-colors-components-button-grey-outlined-button-grey-outlined-border-hover: var(--colors-gray-neutral-solid-600); /* @kind color */
  --component-colors-components-button-grey-outlined-button-grey-outlined-fg-hover: var(--colors-gray-neutral-solid-800); /* @kind color */
  --component-colors-components-button-primary-button-primary-fg-hover: rgb(68,70,85); /* @kind color */
}