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

:root {
  --accents-yellow: rgb(255,204,0); /* @kind color */
  --background-brand-default: var(--brand-800); /* @kind color */
  --brand-100: rgb(245,245,245); /* @kind color */
  --brand-800: rgb(44,44,44); /* @kind color */
  --brand-b-800: rgb(119,0,0); /* @kind color */
  --color-green-100: rgb(0,176,88); /* @kind color */
  --color-grey-100: rgb(217,217,219); /* @kind color */
  --color-grey-50: rgb(242,243,245); /* @kind color */
  --color-grey-900: rgb(15,15,15); /* @kind color */
  --color-white-500: rgb(252,252,252); /* @kind color */
  --colors-background-bg-primary-hover: var(--colors-gray-light-mode-50); /* @kind color */
  --colors-background-bg-primary: var(--colors-base-white); /* @kind color */
  --colors-base-black: rgb(0,0,0); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-border-border-primary: var(--colors-gray-light-mode-300); /* @kind color */
  --colors-foreground-fg-quinary-400: var(--colors-gray-light-mode-400); /* @kind color */
  --colors-foreground-fg-quinary-hover: var(--colors-gray-light-mode-500); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-gray-dark-mode-200: rgb(236,236,237); /* @kind color */
  --colors-gray-dark-mode-300: rgb(206,207,210); /* @kind color */
  --colors-gray-dark-mode-400: rgb(148,150,156); /* @kind color */
  --colors-gray-dark-mode-500: rgb(133,136,142); /* @kind color */
  --colors-gray-dark-mode-700: rgb(51,55,65); /* @kind color */
  --colors-gray-dark-mode-800: rgb(31,36,47); /* @kind color */
  --colors-gray-dark-mode-950: rgb(12,17,29); /* @kind color */
  --colors-gray-light-mode-300: rgb(208,213,221); /* @kind color */
  --colors-gray-light-mode-400: rgb(152,162,179); /* @kind color */
  --colors-gray-light-mode-500: rgb(102,112,133); /* @kind color */
  --colors-gray-light-mode-50: rgb(249,250,251); /* @kind color */
  --colors-gray-light-mode-700: rgb(52,64,84); /* @kind color */
  --colors-gray-light-mode-800: rgb(24,34,48); /* @kind color */
  --colors-text-text-secondary-700: var(--colors-gray-light-mode-700); /* @kind color */
  --colors-text-text-secondary-hover: var(--colors-gray-light-mode-800); /* @kind color */
  --colors-text-text-white: var(--colors-base-white); /* @kind color */
  --colors-yellow: rgb(255,204,0); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-angellist: var(--colors-base-black); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-apple: var(--colors-base-black); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-github: var(--colors-base-black); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-instagram: rgb(0,1,0); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-tumblr: rgb(0,25,53); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-x: rgb(36,46,54); /* @kind color */
  --corner-full: 1000;
  --gray-900: rgb(30,30,30); /* @kind color */
  --green-light: rgb(188,255,177); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --icon-default: var(--color-grey-900); /* @kind color */
  --radius-full: 9999;
  --radius-md: 8;
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-primary: rgb(103,80,164); /* @kind color */
  --schemes-secondary-container: rgb(232,222,248); /* @kind color */
  --spacing-3-12px: 12;
  --spacing-4-16px: 16;
  --spacing-lg: var(--spacing-3-12px);
  --spacing-xl: var(--spacing-4-16px);
  --toggle-background-active: var(--color-green-100); /* @kind color */
  --toggle-background-disabled: var(--color-grey-50); /* @kind color */
  --toggle-background-inactive: var(--color-grey-100); /* @kind color */
  --toggle-handle: var(--color-white-500); /* @kind color */
  --white-1000: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accents-yellow: rgb(254,223,67); /* @kind color */
  --accents-yellow: rgb(255,214,0); /* @kind color */
  --background-brand-default: var(--brand-100); /* @kind color */
  --colors-background-bg-primary-hover: var(--colors-gray-dark-mode-800); /* @kind color */
  --colors-background-bg-primary: var(--colors-gray-dark-mode-950); /* @kind color */
  --colors-border-border-primary: var(--colors-gray-dark-mode-700); /* @kind color */
  --colors-foreground-fg-quinary-400: var(--colors-gray-dark-mode-500); /* @kind color */
  --colors-foreground-fg-quinary-hover: var(--colors-gray-dark-mode-400); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-text-text-secondary-700: var(--colors-gray-dark-mode-300); /* @kind color */
  --colors-text-text-secondary-hover: var(--colors-gray-dark-mode-200); /* @kind color */
  --colors-text-text-white: var(--colors-base-white); /* @kind color */
  --colors-yellow: rgb(255,212,38); /* @kind color */
  --colors-yellow: rgb(255,212,38); /* @kind color */
  --colors-yellow: rgb(255,214,10); /* @kind color */
  --colors-yellow: rgb(255,214,10); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-angellist: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-apple: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-github: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-instagram: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-tumblr: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-social-icons-social-icon-fg-x: var(--colors-base-white); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --schemes-on-surface: rgb(230,224,233); /* @kind color */
  --schemes-on-surface: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(255,255,255); /* @kind color */
  --schemes-primary: rgb(208,188,255); /* @kind color */
  --schemes-primary: rgb(211,193,255); /* @kind color */
  --schemes-primary: rgb(255,249,255); /* @kind color */
  --schemes-secondary-container: rgb(152,135,197); /* @kind color */
  --schemes-secondary-container: rgb(211,193,255); /* @kind color */
  --schemes-secondary-container: rgb(74,68,88); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-yellow: rgb(161,106,0); /* @kind color */
  --background-brand-default: var(--brand-b-800); /* @kind color */
  --colors-yellow: rgb(178,80,0); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --schemes-on-surface: rgb(0,0,0); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-primary: rgb(39,23,78); /* @kind color */
  --schemes-primary: rgb(73,57,113); /* @kind color */
  --schemes-secondary-container: rgb(124,107,167); /* @kind color */
  --schemes-secondary-container: rgb(73,57,113); /* @kind color */
}

:root[data-mode="monochrome-lt"] {
  --schemes-on-surface: rgb(27,27,27); /* @kind color */
  --schemes-primary: rgb(0,0,0); /* @kind color */
  --schemes-secondary-container: rgb(212,212,212); /* @kind color */
}

:root[data-mode="monochrome-dt"] {
  --schemes-on-surface: rgb(226,226,226); /* @kind color */
  --schemes-primary: rgb(255,255,255); /* @kind color */
  --schemes-secondary-container: rgb(71,71,71); /* @kind color */
}

:root[data-mode="pink-lt"] {
  --schemes-on-surface: rgb(33,25,28); /* @kind color */
  --schemes-primary: rgb(138,75,104); /* @kind color */
  --schemes-secondary-container: rgb(251,214,227); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --schemes-on-surface: rgb(238,223,227); /* @kind color */
  --schemes-primary: rgb(254,176,209); /* @kind color */
  --schemes-secondary-container: rgb(89,64,74); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --schemes-on-surface: rgb(34,25,26); /* @kind color */
  --schemes-primary: rgb(143,74,86); /* @kind color */
  --schemes-secondary-container: rgb(255,213,218); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --schemes-on-surface: rgb(240,222,223); /* @kind color */
  --schemes-primary: rgb(255,178,189); /* @kind color */
  --schemes-secondary-container: rgb(92,63,67); /* @kind color */
}

:root[data-mode="red-lt"] {
  --schemes-on-surface: rgb(35,25,24); /* @kind color */
  --schemes-primary: rgb(145,75,67); /* @kind color */
  --schemes-secondary-container: rgb(255,211,205); /* @kind color */
}

:root[data-mode="red-dt"] {
  --schemes-on-surface: rgb(241,222,220); /* @kind color */
  --schemes-primary: rgb(255,167,155); /* @kind color */
  --schemes-secondary-container: rgb(93,63,59); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --schemes-on-surface: rgb(34,26,21); /* @kind color */
  --schemes-primary: rgb(141,79,40); /* @kind color */
  --schemes-secondary-container: rgb(253,213,191); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --schemes-on-surface: rgb(240,223,215); /* @kind color */
  --schemes-primary: rgb(255,182,140); /* @kind color */
  --schemes-secondary-container: rgb(92,65,49); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --schemes-on-surface: rgb(31,27,19); /* @kind color */
  --schemes-primary: rgb(121,90,12); /* @kind color */
  --schemes-secondary-container: rgb(242,221,184); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --schemes-on-surface: rgb(235,225,212); /* @kind color */
  --schemes-primary: rgb(233,193,108); /* @kind color */
  --schemes-secondary-container: rgb(82,69,42); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --schemes-on-surface: rgb(27,28,20); /* @kind color */
  --schemes-primary: rgb(92,100,30); /* @kind color */
  --schemes-secondary-container: rgb(227,229,193); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --schemes-on-surface: rgb(229,227,214); /* @kind color */
  --schemes-primary: rgb(195,205,124); /* @kind color */
  --schemes-secondary-container: rgb(70,73,47); /* @kind color */
}

:root[data-mode="green-lt"] {
  --schemes-on-surface: rgb(24,29,24); /* @kind color */
  --schemes-primary: rgb(55,106,62); /* @kind color */
  --schemes-secondary-container: rgb(209,229,206); /* @kind color */
}

:root[data-mode="green-dt"] {
  --schemes-on-surface: rgb(224,228,219); /* @kind color */
  --schemes-primary: rgb(156,212,159); /* @kind color */
  --schemes-secondary-container: rgb(58,75,58); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
  --schemes-primary: rgb(0,107,96); /* @kind color */
  --schemes-secondary-container: rgb(202,230,223); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
  --schemes-primary: rgb(130,213,199); /* @kind color */
  --schemes-secondary-container: rgb(51,75,71); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --schemes-on-surface: rgb(23,28,30); /* @kind color */
  --schemes-primary: rgb(1,104,125); /* @kind color */
  --schemes-secondary-container: rgb(206,231,240); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --schemes-on-surface: rgb(222,227,230); /* @kind color */
  --schemes-primary: rgb(134,209,234); /* @kind color */
  --schemes-secondary-container: rgb(52,74,82); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --schemes-on-surface: rgb(26,27,33); /* @kind color */
  --schemes-primary: rgb(72,94,146); /* @kind color */
  --schemes-secondary-container: rgb(217,223,246); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --schemes-on-surface: rgb(226,226,233); /* @kind color */
  --schemes-primary: rgb(176,198,255); /* @kind color */
  --schemes-secondary-container: rgb(64,70,89); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --schemes-on-surface: rgb(28,27,33); /* @kind color */
  --schemes-primary: rgb(91,89,146); /* @kind color */
  --schemes-secondary-container: rgb(224,221,246); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --schemes-on-surface: rgb(229,225,233); /* @kind color */
  --schemes-primary: rgb(197,192,255); /* @kind color */
  --schemes-secondary-container: rgb(70,69,89); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --schemes-on-surface: rgb(29,26,32); /* @kind color */
  --schemes-primary: rgb(107,84,141); /* @kind color */
  --schemes-secondary-container: rgb(235,221,247); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --schemes-on-surface: rgb(231,224,232); /* @kind color */
  --schemes-primary: rgb(214,187,251); /* @kind color */
  --schemes-secondary-container: rgb(76,67,87); /* @kind color */
}