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

:root {
  --background-default: var(--pallet-toypo-navy-50); /* @kind color */
  --color-pallet-black-1000: rgb(0,0,0); /* @kind color */
  --color-pallet-blackalpha-100: rgba(0,0,0,0.06); /* @kind color */
  --color-pallet-blackalpha-200: rgba(0,0,0,0.08); /* @kind color */
  --color-pallet-blackalpha-300: rgba(0,0,0,0.12); /* @kind color */
  --color-pallet-blackalpha-400: rgba(0,0,0,0.24); /* @kind color */
  --color-pallet-blackalpha-500: rgba(0,0,0,0.38); /* @kind color */
  --color-pallet-blackalpha-50: rgba(0,0,0,0.04); /* @kind color */
  --color-pallet-blackalpha-600: rgba(0,0,0,0.48); /* @kind color */
  --color-pallet-blackalpha-700: rgba(0,0,0,0.56); /* @kind color */
  --color-pallet-blackalpha-800-2: rgba(0,0,0,0.6); /* @kind color */
  --color-pallet-blackalpha-800: rgba(0,0,0,0.6); /* @kind color */
  --color-pallet-blackalpha-900: rgba(0,0,0,0.87); /* @kind color */
  --color-pallet-gold-50: rgb(242,232,204); /* @kind color */
  --color-pallet-gray-100: rgb(242,242,242); /* @kind color */
  --color-pallet-gray-200: rgb(238,238,238); /* @kind color */
  --color-pallet-gray-300: rgb(224,224,224); /* @kind color */
  --color-pallet-gray-400: rgb(189,189,189); /* @kind color */
  --color-pallet-gray-500: rgb(158,158,158); /* @kind color */
  --color-pallet-gray-50: rgb(250,250,250); /* @kind color */
  --color-pallet-gray-600: rgb(117,117,117); /* @kind color */
  --color-pallet-gray-700: rgb(97,97,97); /* @kind color */
  --color-pallet-gray-800: rgb(66,66,66); /* @kind color */
  --color-pallet-gray-900-2: rgb(33,33,33); /* @kind color */
  --color-pallet-gray-900: rgb(33,33,33); /* @kind color */
  --color-pallet-green-100: rgba(64,184,47,0.24); /* @kind color */
  --color-pallet-green-200: rgba(64,184,47,0.38); /* @kind color */
  --color-pallet-green-300: rgba(64,184,47,0.56); /* @kind color */
  --color-pallet-green-400: rgba(64,184,47,0.7); /* @kind color */
  --color-pallet-green-500: rgb(64,184,47); /* @kind color */
  --color-pallet-green-50: rgba(64,184,47,0.12); /* @kind color */
  --color-pallet-green-600: rgb(56,167,40); /* @kind color */
  --color-pallet-green-700: rgb(53,153,39); /* @kind color */
  --color-pallet-green-800: rgb(42,127,30); /* @kind color */
  --color-pallet-green-900: rgb(34,108,23); /* @kind color */
  --color-pallet-light-blue-50: rgb(215,237,234); /* @kind color */
  --color-pallet-orange-100: rgba(237,113,0,0.24); /* @kind color */
  --color-pallet-orange-200: rgba(237,113,0,0.38); /* @kind color */
  --color-pallet-orange-300: rgba(237,113,0,0.56); /* @kind color */
  --color-pallet-orange-400: rgba(237,113,0,0.7); /* @kind color */
  --color-pallet-orange-500: rgb(237,113,0); /* @kind color */
  --color-pallet-orange-50: rgba(237,113,0,0.12); /* @kind color */
  --color-pallet-orange-600: rgb(215,103,0); /* @kind color */
  --color-pallet-orange-700: rgb(193,92,0); /* @kind color */
  --color-pallet-orange-800: rgb(173,82,0); /* @kind color */
  --color-pallet-orange-900: rgb(160,76,0); /* @kind color */
  --color-pallet-red-100: rgba(229,62,62,0.24); /* @kind color */
  --color-pallet-red-200: rgba(229,62,62,0.38); /* @kind color */
  --color-pallet-red-300: rgba(229,62,62,0.56); /* @kind color */
  --color-pallet-red-400: rgba(229,62,62,0.7); /* @kind color */
  --color-pallet-red-50-2: rgba(230,18,2,0.12); /* @kind color */
  --color-pallet-red-500: rgb(229,62,62); /* @kind color */
  --color-pallet-red-50: rgba(229,62,62,0.12); /* @kind color */
  --color-pallet-red-600: rgb(216,51,51); /* @kind color */
  --color-pallet-red-700: rgb(203,49,49); /* @kind color */
  --color-pallet-red-800: rgb(180,39,39); /* @kind color */
  --color-pallet-red-900: rgb(168,32,32); /* @kind color */
  --color-pallet-white-1000-2: rgb(255,255,255); /* @kind color */
  --color-pallet-white-1000: rgb(255,255,255); /* @kind color */
  --color-pallet-whitealpha-100: rgba(255,255,255,0.06); /* @kind color */
  --color-pallet-whitealpha-200: rgba(255,255,255,0.08); /* @kind color */
  --color-pallet-whitealpha-300: rgba(255,255,255,0.12); /* @kind color */
  --color-pallet-whitealpha-400: rgba(255,255,255,0.24); /* @kind color */
  --color-pallet-whitealpha-500: rgba(255,255,255,0.38); /* @kind color */
  --color-pallet-whitealpha-50: rgba(255,255,255,0.04); /* @kind color */
  --color-pallet-whitealpha-600: rgba(255,255,255,0.48); /* @kind color */
  --color-pallet-whitealpha-700: rgba(255,255,255,0.56); /* @kind color */
  --color-pallet-whitealpha-800: rgba(255,255,255,0.6); /* @kind color */
  --color-pallet-whitealpha-900: rgb(255,255,255); /* @kind color */
  --color-theme-action-active: var(--color-pallet-blackalpha-700); /* @kind color */
  --color-theme-action-disabled-background: var(--color-pallet-blackalpha-300); /* @kind color */
  --color-theme-action-disabled: var(--color-pallet-blackalpha-500); /* @kind color */
  --color-theme-action-focus: var(--color-pallet-blackalpha-200); /* @kind color */
  --color-theme-action-hover: var(--color-pallet-blackalpha-50); /* @kind color */
  --color-theme-action-selected: var(--color-pallet-blackalpha-500); /* @kind color */
  --color-theme-background-default: var(--color-pallet-gray-100); /* @kind color */
  --color-theme-background-gold: var(--color-pallet-gold-50); /* @kind color */
  --color-theme-background-light-blue: var(--color-pallet-light-blue-50); /* @kind color */
  --color-theme-background-unread-2: var(--color-pallet-red-50-2); /* @kind color */
  --color-theme-background-unread: var(--color-pallet-red-50); /* @kind color */
  --color-theme-background-white: var(--color-pallet-white-1000); /* @kind color */
  --color-theme-button-contrast: var(--color-pallet-white-1000); /* @kind color */
  --color-theme-button-dark: var(--color-pallet-black-1000); /* @kind color */
  --color-theme-button-lignt: var(--color-pallet-gray-800); /* @kind color */
  --color-theme-button-main: var(--color-pallet-gray-900); /* @kind color */
  --color-theme-error-contrast: var(--color-pallet-white-1000); /* @kind color */
  --color-theme-error-dark: var(--color-pallet-red-800); /* @kind color */
  --color-theme-error-light: var(--color-pallet-red-400); /* @kind color */
  --color-theme-error-main: var(--color-pallet-red-500); /* @kind color */
  --color-theme-inprogress-background: var(--color-pallet-orange-50); /* @kind color */
  --color-theme-inprogress-contrast: var(--color-pallet-whitealpha-900); /* @kind color */
  --color-theme-inprogress-dark: var(--color-pallet-orange-600); /* @kind color */
  --color-theme-inprogress-light: var(--color-pallet-orange-400); /* @kind color */
  --color-theme-inprogress-main: var(--color-pallet-orange-500); /* @kind color */
  --color-theme-other-border: var(--color-pallet-blackalpha-300); /* @kind color */
  --color-theme-primary-crh-contrast: var(--color-pallet-white-1000); /* @kind color */
  --color-theme-primary-crh-dark: var(--color-pallet-orange-600); /* @kind color */
  --color-theme-primary-crh-light: var(--color-pallet-orange-400); /* @kind color */
  --color-theme-primary-crh-main: var(--color-pallet-orange-500); /* @kind color */
  --color-theme-primary-sfp-contrast: var(--color-pallet-white-1000); /* @kind color */
  --color-theme-primary-sfp-dark: var(--color-pallet-green-700); /* @kind color */
  --color-theme-primary-sfp-light: var(--color-pallet-green-400); /* @kind color */
  --color-theme-primary-sfp-main: var(--color-pallet-green-600); /* @kind color */
  --color-theme-success-background: var(--color-pallet-green-50); /* @kind color */
  --color-theme-success-contrast: rgb(255,255,255); /* @kind color */
  --color-theme-success-dark: var(--color-pallet-green-600); /* @kind color */
  --color-theme-success-light: var(--color-pallet-green-400); /* @kind color */
  --color-theme-success-main: var(--color-pallet-green-500); /* @kind color */
  --color-theme-text-disabled: var(--color-pallet-blackalpha-400); /* @kind color */
  --color-theme-text-primary-2: var(--color-pallet-gray-900-2); /* @kind color */
  --color-theme-text-primary-3: var(--color-pallet-gray-900-2); /* @kind color */
  --color-theme-text-primary: var(--color-pallet-blackalpha-900); /* @kind color */
  --color-theme-text-secondary-2: var(--color-pallet-blackalpha-800-2); /* @kind color */
  --color-theme-text-secondary: var(--color-pallet-blackalpha-800); /* @kind color */
  --error-main: var(--pallet-mui-red-600); /* @kind color */
  --l: 20; /* @kind other */
  --pallet-mui-amber-400: rgb(255,202,40); /* @kind color */
  --pallet-mui-amber-50: rgb(255,248,225); /* @kind color */
  --pallet-mui-blackalpha-700: rgba(0,0,0,0.56); /* @kind color */
  --pallet-mui-blackalpha-800: rgba(0,0,0,0.6); /* @kind color */
  --pallet-mui-blackalpha-900: rgba(0,0,0,0.87); /* @kind color */
  --pallet-mui-blue-400: rgb(66,165,245); /* @kind color */
  --pallet-mui-blue-50: rgb(227,242,253); /* @kind color */
  --pallet-mui-bluegray-400: rgb(120,144,156); /* @kind color */
  --pallet-mui-deeporange-300: rgb(255,138,101); /* @kind color */
  --pallet-mui-deeporange-50: rgb(251,233,231); /* @kind color */
  --pallet-mui-deeppurple-300: rgb(149,117,205); /* @kind color */
  --pallet-mui-deeppurple-50: rgb(237,231,246); /* @kind color */
  --pallet-mui-green-400: rgb(102,187,106); /* @kind color */
  --pallet-mui-green-50: rgb(232,245,233); /* @kind color */
  --pallet-mui-indigo-300: rgb(121,134,203); /* @kind color */
  --pallet-mui-indigo-50: rgb(232,234,246); /* @kind color */
  --pallet-mui-orange-400: rgb(255,167,38); /* @kind color */
  --pallet-mui-orange-50: rgb(255,243,224); /* @kind color */
  --pallet-mui-red-200: rgb(239,154,154); /* @kind color */
  --pallet-mui-red-50: rgb(255,235,238); /* @kind color */
  --pallet-mui-red-600: rgb(229,57,53); /* @kind color */
  --pallet-mui-teal-400: rgb(38,166,154); /* @kind color */
  --pallet-mui-teal-50: rgb(224,242,241); /* @kind color */
  --pallet-mui-white-1000: rgb(255,255,255); /* @kind color */
  --pallet-mui-whitealpha-900: rgba(255,255,255,0.87); /* @kind color */
  --pallet-nthestory-n-lightgray-200: rgb(220,220,221); /* @kind color */
  --pallet-toypo-navy-100: rgb(212,217,225); /* @kind color */
  --pallet-toypo-navy-50: rgb(243,245,249); /* @kind color */
  --pallet-toypo-navy-700: rgb(47,55,70); /* @kind color */
  --pallet-toypo-navy-800: rgb(38,47,62); /* @kind color */
  --pallet-toypo-navy-900: rgb(29,38,54); /* @kind color */
  --primitive-gray-100: rgb(227,227,227); /* @kind color */
  --primitive-gray-300: rgb(95,99,104); /* @kind color */
  --primitive-red-100: rgb(198,79,79); /* @kind color */
  --semantic-text-error: var(--primitive-red-100); /* @kind color */
  --semantic-text-inactive: var(--primitive-gray-100); /* @kind color */
  --semantic-text-primary: var(--primitive-gray-300); /* @kind color */
  --system-fill-secondary: rgba(120,120,128,0.16); /* @kind color */
  --system-label-primary: rgb(0,0,0); /* @kind color */
  --system-label-tertiary: rgba(60,60,67,0.3); /* @kind color */
  --system-systemblue: rgb(0,122,255); /* @kind color */
  --system-systemgreen: rgb(4,199,89); /* @kind color */
  --system-systemindigo: rgb(88,86,214); /* @kind color */
  --system-systemorange: rgb(255,149,0); /* @kind color */
  --system-systemred: rgb(255,59,48); /* @kind color */
  --system-systemwhite: rgb(255,255,255); /* @kind color */
  --text-primary-2: var(--pallet-mui-blackalpha-900); /* @kind color */
  --text-primary-3: var(--pallet-mui-blackalpha-900); /* @kind color */
  --text-primary: var(--pallet-mui-blackalpha-900); /* @kind color */
  --text-secondary-2: var(--pallet-mui-blackalpha-800); /* @kind color */
  --text-secondary: var(--pallet-mui-blackalpha-800); /* @kind color */
  --theme-action-active: var(--pallet-mui-blackalpha-700); /* @kind color */
  --theme-text-primary: var(--pallet-mui-blackalpha-900); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --system-fill-secondary: rgba(120,120,128,0.32); /* @kind color */
  --system-label-primary: rgb(255,255,255); /* @kind color */
  --system-label-tertiary: rgba(235,235,245,0.3); /* @kind color */
  --system-systemblue: rgb(10,132,255); /* @kind color */
  --system-systemgreen: rgb(48,209,88); /* @kind color */
  --system-systemindigo: rgb(94,92,230); /* @kind color */
  --system-systemorange: rgb(255,159,10); /* @kind color */
  --system-systemred: rgb(255,69,58); /* @kind color */
  --system-systemwhite: rgb(255,255,255); /* @kind color */
}