: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;

  --event-card-gradient: linear-gradient(var(--gradientDegree), #1c1200 -6.75%, #756300 94.73%);

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

  --main-background: #262626;

  --paper-main: #000000;
  --paper-dark: #0d0d0d;
  --paper-darker: #191919;
  --paper-light: #262626;
  --paper-dark-mix: var(--paper-dark);
  --paper-light-mix: var(--paper-light);

  --primary-main: #fed800;
  --primary-dark: #15202d;
  --primary-dark-mix: var(--primary-dark);
  --primary-main-mix: var(--primary-main);

  --secondary-main: #333333;
  --secondary-dark: #4c4c4c;
  --secondary-light: #858585;
  --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: #d8db6e;

  --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;

  --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: #fed800;
  --primary-dark: #d1d1f0;
  --primary-dark-mix: var(--primary-dark);
  --primary-main-mix: #181ab2;

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

  --tertiary-main: var(--primary-main);
  --tertiary-main-mix: #181ab2;

  --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: #181ab2;

  --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);
}