@import './var.less';

:root {
  // Color Palette
  --van-black: @black;
  --van-white: @white;
  --van-gray-1: @gray-1;
  --van-gray-2: @gray-2;
  --van-gray-3: @gray-3;
  --van-gray-4: @gray-4;
  --van-gray-5: @gray-5;
  --van-gray-6: @gray-6;
  --van-gray-7: @gray-7;
  --van-gray-8: @gray-8;
  --van-red: @red;
  --van-orange: @orange;
  --van-orange-dark: @orange-dark;
  --van-orange-light: @orange-light;
  --van-green: @green;

  --van-blue: @blue;
  --van-blue-900: @blue-900;
  --van-blue-800: @blue-800;
  --van-blue-700: @blue-700;
  --van-blue-600: @blue-600;
  --van-blue-500: @blue-500;
  --van-blue-400: @blue-400;
  --van-blue-300: @blue-300;
  --van-blue-200: @blue-200;
  --van-blue-100: @blue-100;
  --van-blue-50: @blue-50;

  /* green */
  --van-green-900: @green-900;
  --van-green-800: @green-800;
  --van-green-700: @green-700;
  --van-green-600: @green-600;
  --van-green-500: @green-500;
  --van-green-400: @green-400;
  --van-green-300: @green-300;
  --van-green-200: @green-200;
  --van-green-100: @green-100;
  --van-green-50: @green-50;

  /* red */
  --van-red-900: @red-900;
  --van-red-800: @red-800;
  --van-red-700: @red-700;
  --van-red-600: @red-600;
  --van-red-500: @red-500;
  --van-red-400: @red-400;
  --van-red-300: @red-300;
  --van-red-200: @red-200;
  --van-red-100: @red-100;
  --van-red-50: @red-50;

  /* orange */
  --van-orange-900: @orange-900;
  --van-orange-800: @orange-800;
  --van-orange-700: @orange-700;
  --van-orange-600: @orange-600;
  --van-orange-500: @orange-500;
  --van-orange-400: @orange-400;
  --van-orange-300: @orange-300;
  --van-orange-200: @orange-200;
  --van-orange-100: @orange-100;
  --van-orange-50: @orange-50;

  /* grey */
  --van-grey-50: @grey-50;
  --van-grey-100: @grey-100;
  --van-grey-200: @grey-200;
  --van-grey-300: @grey-300;
  --van-grey-400: @grey-400;
  --van-grey-500: @grey-500;
  --van-grey-600: @grey-600;
  --van-grey-700: @grey-700;
  --van-grey-800: @grey-800;
  --van-grey-900: @grey-900;

  // Gradient Colors
  --van-gradient-red: @gradient-red;
  --van-gradient-orange: @gradient-orange;
  --van-gradient-gray: @gradient-gray;
  --van-gradient-blue: @gradient-blue;

  // Component Colors
  --van-primary-color: @primary-color;
  --van-success-color: @success-color;
  --van-danger-color: @danger-color;
  --van-warning-color: @warning-color;
  --van-text-color: @text-color;
  --van-text-color-2: @text-color-2;
  --van-text-color-3: @text-color-3;
  --van-text-link-color: @text-link-color;
  --van-active-color: @active-color;
  --van-active-opacity: @active-opacity;
  --van-disabled-opacity: @disabled-opacity;
  --van-background-color: @background-color;
  --van-background-color-light: @background-color-light;
  --van-background-color-black: @background-color-black;

  // Padding
  --van-padding-base: @padding-base;
  --van-padding-xs: @padding-xs;
  --van-padding-sm: @padding-sm;
  --van-padding-md: @padding-md;
  --van-padding-lg: @padding-lg;
  --van-padding-xl: @padding-xl;

  // Font
  --van-font-size-xs: @font-size-xs;
  --van-font-size-sm: @font-size-sm;
  --van-font-size-md: @font-size-md;
  --van-font-size-lg: @font-size-lg;
  --van-font-size-xl: @font-size-xl;
  --van-font-weight-bold: @font-weight-bold;
  --van-line-height-xs: @line-height-xs;
  --van-line-height-sm: @line-height-sm;
  --van-line-height-md: @line-height-md;
  --van-line-height-lg: @line-height-lg;
  --van-line-height-xl: @line-height-xl;
  --van-base-font-family: @base-font-family;
  --van-price-integer-font-family: @price-integer-font-family;

  // Animation
  --van-animation-duration-base: @animation-duration-base;
  --van-animation-duration-fast: @animation-duration-fast;
  --van-animation-timing-function-enter: @animation-timing-function-enter;
  --van-animation-timing-function-leave: @animation-timing-function-leave;

  // Border
  --van-border-color: @border-color;
  --van-border-width-base: @border-width-base;
  --van-border-radius-sm: @border-radius-sm;
  --van-border-radius-md: @border-radius-md;
  --van-border-radius-lg: @border-radius-lg;
  --van-border-radius-max: @border-radius-max;
}

:root.van-theme-dark {
  --van-text-color: #f1f4f6;
  --van-text-color-2: #c4c9cf;
  --van-text-color-3: #8b949e;
  --van-active-color: #2e3742;
  --van-background-color: #151a20;
  --van-background-color-light: #1b2129;
  --van-border-color: #424c59;
}