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

:root {
  --background-colors-primary: rgb(0,0,0); /* @kind color */
  --brand-colors-brand-600: rgb(255,194,104); /* @kind color */
  --brand-colors-brand-700: rgb(238,177,87); /* @kind color */
  --general-16px: 16; /* @kind spacing */
  --general-4px: 4; /* @kind spacing */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --primary-white: rgb(255,255,255); /* @kind color */
  --spacing-spacing-2: 8;
  --spacing-spacing-4: 16;
  --text-colors-inactive: rgb(72,72,72); /* @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-600: rgb(255,255,255); /* @kind color */
  --brand-colors-brand-700: rgb(240,240,240); /* @kind color */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --text-colors-inactive: rgb(72,72,72); /* @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-600: rgb(160,110,95); /* @kind color */
  --brand-colors-brand-700: rgb(142,93,79); /* @kind color */
  --lines-colors-divider: rgb(237,237,237); /* @kind color */
  --text-colors-inactive: rgb(204,204,204); /* @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-600: rgb(218,168,2); /* @kind color */
  --brand-colors-brand-700: rgb(203,156,0); /* @kind color */
  --lines-colors-divider: rgb(38,38,38); /* @kind color */
  --text-colors-inactive: rgb(72,72,72); /* @kind color */
  --text-colors-tertiary: rgb(153,153,153); /* @kind color */
}