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

:root {
  --4-px: 4; /* @kind spacing */
  --background-colors-primary: rgb(0,0,0); /* @kind color */
  --brand-colors-brand-500: rgb(128,97,52); /* @kind color */
  --brand-colors-shadow-active: rgba(255,194,104,0.25); /* @kind color */
  --general-16px: 16; /* @kind spacing */
  --general-4px: 4; /* @kind spacing */
  --general-8px: 8; /* @kind spacing */
  --general-none: 0; /* @kind spacing */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --text-colors-inactive: rgb(72,72,72); /* @kind color */
  --text-colors-primary: rgb(255,255,255); /* @kind color */
  --text-colors-tertiary: rgb(153,153,153); /* @kind color */
}

:root[data-mode="le-logis"] {
  --background-colors-primary: rgb(0,0,0); /* @kind color */
  --brand-colors-brand-500: rgb(88,88,88); /* @kind color */
  --brand-colors-shadow-active: rgba(255,255,255,0.15); /* @kind color */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --text-colors-inactive: rgb(72,72,72); /* @kind color */
  --text-colors-primary: rgb(255,255,255); /* @kind color */
  --text-colors-tertiary: rgb(153,153,153); /* @kind color */
}

:root[data-mode="book-it-pace"] {
  --background-colors-primary: rgb(255,255,255); /* @kind color */
  --brand-colors-brand-500: rgb(207,182,175); /* @kind color */
  --brand-colors-shadow-active: rgba(160,110,95,0.25); /* @kind color */
  --lines-colors-divider: rgb(237,237,237); /* @kind color */
  --text-colors-inactive: rgb(204,204,204); /* @kind color */
  --text-colors-primary: rgb(47,39,38); /* @kind color */
  --text-colors-tertiary: rgb(141,141,141); /* @kind color */
}

:root[data-mode="we-know-hotels"] {
  --background-colors-primary: rgb(0,0,0); /* @kind color */
  --brand-colors-brand-500: rgb(121,104,47); /* @kind color */
  --brand-colors-shadow-active: rgba(218,168,2,0.25); /* @kind color */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --text-colors-inactive: rgb(72,72,72); /* @kind color */
  --text-colors-primary: rgb(255,255,255); /* @kind color */
  --text-colors-tertiary: rgb(153,153,153); /* @kind color */
}

:root[data-mode="mode-2"] {
  --4-px: 4; /* @kind spacing */
}