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

:root {
  --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 */
  --gray-900-2: rgb(30,30,30); /* @kind color */
  --gray-900: rgb(30,30,30); /* @kind color */
  --icon-default-default-2: var(--gray-900); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --white-1000-2: rgb(255,255,255); /* @kind color */
  --white-1000: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --background-brand-default: var(--brand-b-800); /* @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 */
}

:root[data-theme="dark"], .dark {
  --background-brand-default: var(--brand-100); /* @kind color */
  --icon-default-default-2: var(--white-1000); /* @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 */
}

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

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

:root[data-mode="pink-lt"] {
  --schemes-on-surface: rgb(33,25,28); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --schemes-on-surface: rgb(238,223,227); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --schemes-on-surface: rgb(34,25,26); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --schemes-on-surface: rgb(240,222,223); /* @kind color */
}

:root[data-mode="red-lt"] {
  --schemes-on-surface: rgb(35,25,24); /* @kind color */
}

:root[data-mode="red-dt"] {
  --schemes-on-surface: rgb(241,222,220); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --schemes-on-surface: rgb(34,26,21); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --schemes-on-surface: rgb(240,223,215); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --schemes-on-surface: rgb(31,27,19); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --schemes-on-surface: rgb(235,225,212); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --schemes-on-surface: rgb(27,28,20); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --schemes-on-surface: rgb(229,227,214); /* @kind color */
}

:root[data-mode="green-lt"] {
  --schemes-on-surface: rgb(24,29,24); /* @kind color */
}

:root[data-mode="green-dt"] {
  --schemes-on-surface: rgb(224,228,219); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --schemes-on-surface: rgb(23,28,30); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --schemes-on-surface: rgb(222,227,230); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --schemes-on-surface: rgb(26,27,33); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --schemes-on-surface: rgb(226,226,233); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --schemes-on-surface: rgb(28,27,33); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --schemes-on-surface: rgb(229,225,233); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --schemes-on-surface: rgb(29,26,32); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --schemes-on-surface: rgb(231,224,232); /* @kind color */
}