:root {
  --gradientDegree: 76.22deg;
  --white: #ffffff;
  --black: #000000;
  --red: #c20202;
  --bronze: #aa5d38;
  --silver: #808698;
  --gold: #da8a17;
  --platinum: #72cdd4;
}

html[dir='rtl']:root {
  --gradientDegree: -76.22deg;
}

html[theme='dark']:root,
.force-dark {
  --white-black: #ffffff;
  --black-white: #000000;

  --event-card-gradient: linear-gradient(var(--gradientDegree), #000f15 -6.75%, #00425e 94.73%);

  --product-gradient: linear-gradient(var(--gradientDegree), var(--paper-dark), var(--primary-dark));

  --main-background: #151319;

  --paper-main: #212024;
  --paper-dark: #3a3740;
  --paper-darker: #4f4c55;
  --paper-light: #5e5b64;
  --paper-dark-mix: var(--paper-dark);
  --paper-light-mix: var(--paper-light);

  --primary-main: #3eb3e5;
  --primary-dark: #273d4b;
  --primary-dark-mix: var(--primary-dark);
  --primary-main-mix: var(--primary-main);

  --secondary-main: #525252;
  --secondary-dark: #6f6f6f;
  --secondary-light: #929292;
  --secondary-main-mix: var(--secondary-main);

  --tertiary-main: var(--primary-main);
  --tertiary-main-mix: var(--primary-main-mix);

  --hover-main: var(--secondary-main);

  --disabled-main: var(--secondary-dark);
  --disabled-dark: var(--secondary-main);

  --text-main: #ffffff;
  --text-dark: var(--paper-main);
  --text-top-card: var(--white);

  --text-secondary: var(--primary-main);
  --text-secondary-mix: var(--primary-main-mix);
  --text-handicap: var(--primary-main-mix);
  --text-tertiary: #ffffff;

  --text-disabled-main: var(--secondary-light);
  --text-disabled-dark-mix: var(--secondary-main-mix);
  --text-disabled-light: var(--secondary-light);

  --error-main: #c20202;
  --error-dark: #2d0000;

  --success-main: #00c150;
  --success-dark: #002710;

  --info-main: #edc700;
  --info-dark: #302800;

  --invertBackground: invert(0);
  --invertColorSignUp: invert(0);
  --invertColor: invert(0);
}

html[theme='light']:root,
.force-light {
  --white-black: #000000;
  --black-white: #ffffff;

  --event-card-gradient: linear-gradient(var(--gradientDegree), #f5f5f5 -6.75%, #ffffff 94.73%);

  --product-gradient: linear-gradient(var(--gradientDegree), var(--paper-dark), var(--primary-dark));

  --main-background: #d9d9d9;

  --paper-main: #ffffff;
  --paper-dark: #f2f2f2;
  --paper-darker: #e5e5e5;
  --paper-light: #d9d9d9;
  --paper-dark-mix: var(--paper-dark);
  --paper-light-mix: var(--paper-light);

  --primary-main: #3eb3e5;
  --primary-dark: #d8f0fa;
  --primary-dark-mix: var(--primary-dark);
  --primary-main-mix: var(--primary-main);

  --secondary-main: #eaeaea;
  --secondary-dark: #b3b3b3;
  --secondary-light: #808080;
  --secondary-main-mix: var(--secondary-main);

  --tertiary-main: var(--primary-main);
  --tertiary-main-mix: var(--primary-main-mix);

  --hover-main: var(--secondary-main);

  --disabled-main: var(--secondary-dark);
  --disabled-dark: var(--secondary-main);

  --text-main: #000000;
  --text-dark: var(--paper-main);
  --text-top-card: var(--black);

  --text-secondary: var(--primary-main);
  --text-secondary-mix: var(--primary-main-mix);
  --text-handicap: var(--text-main);
  --text-tertiary: #000000;

  --text-disabled-main: var(--secondary-light);
  --text-disabled-dark-mix: var(--secondary-main-mix);
  --text-disabled-light: var(--secondary-light);

  --error-main: #c20202;
  --error-dark: #fce5e5;

  --success-main: #00c150;
  --success-dark: #ccf3dc;

  --info-main: #edc700;
  --info-dark: #fcf4cc;

  --invertBackground: invert(0);
  --invertColorSignUp: invert(0);
  --invertColor: invert(0);
}

html .dp__theme_light {
  --dp-background-color: var(--paper-main);
  --dp-text-color: var(--text-main);
  --dp-primary-color: var(--primary-main);
  --dp-primary-text-color: var(--text-dark);
  --dp-secondary-color: var(--text-disabled-light);
  --dp-border-color: var(--secondary-dark);
  --dp-menu-border-color: var(--secondary-dark);
  --dp-range-between-dates-background-color: var(--paper-light-mix);
  --dp-range-between-dates-text-color: var(--text-disabled-light);
  --dp-range-between-border-color: var(--paper-light);
}