/* Old Styles */

/* 
:root {
  --global-banner-height: 115px;
  --global-transition: 0.3s ease;
  --toastify-toast-width: auto !important;
}

:root {
  --drifting: #cf1322;
  --shortening: #3f6aa9;
  --price-boost: #ffff00;
  --super-boost: #00ffff;

  --warning: #e20b5c;
  --transparent: #1c1c1c99;
  --white: #ffffff;

  --company-name: "Tiger Bet";

  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 8px;
  --radius-full: 100%;

  --header-image-filter: brightness(0) saturate(100%) invert(32%) sepia(91%)
    saturate(2250%) hue-rotate(352deg) brightness(101%) contrast(96%);
}

:root,
[data-theme="dark"] {
  --primary-100: #eb4c17;
  --primary-200: #eb4c17;
  --primary-300: #eb4c17;

  --shade-100: #070b07;
  --shade-200: #1f1f1f;
  --shade-300: #242424;
  --shade-400: #2e2e2e;
  --shade-500: #fc500025;
  --shade-600: #fc500025;
  --shade-700: #333333;
  --shade-800: #333333;
  --shade-900: #070b07;
  --shade-1000: #ffffff;
  --shade-1100: #ebd8d2;
  --shade-1200: #ebebeb;

  --text-100: #ffffff;
  --text-200: #ffffff;
  --text-300: #212221;
  --text-400: #bcbfc2;
  --text-500: #00ff3c;
  --text-600: #eb4c17;

  --icon-100: #ffffff;
  --icon-200: #ffffff;
  --icon-300: #212221;
  --icon-400: #ffffff;

  --suspend: #6d6d6d;
  --tooltip: #070b07;
}

[data-theme="light"] {
  --primary-100: #eb4c17;
  --primary-200: #eb4c17;
  --primary-300: #eb4c17;

  --shade-100: #eaeaea;
  --shade-200: #242424;
  --shade-300: #ffffff;
  --shade-400: #ffffff;
  --shade-500: #eeeeee;
  --shade-600: #f1f1f1;
  --shade-700: #f1f1f1;
  --shade-800: #e7e2e1;
  --shade-900: #ffffff;
  --shade-1000: #f1f1f1;
  --shade-1100: #ebe1d2;
  --shade-1200: #ebebeb;

  --text-100: #342e2b;
  --text-200: #ffffff;
  --text-300: #342e2b;
  --text-400: #7c7c7c;
  --text-500: #342e2b;
  --text-600: #eb4c17;

  --icon-100: #ffffff;
  --icon-200: #342e2b;
  --icon-300: #342e2b;
  --icon-400: #ffffff;

  --suspend: #d5d5d5;
  --tooltip: #5b5b5b;
}  

.logo-wrapper img,
.logo-wrapper svg {
  height: 50px;
}
*/

/* New Styles */

:root {
  --global-banner-height: 115px;
  --global-transition: 0.3s ease;
  --toastify-toast-width: auto !important;
}

:root {
  --drifting: #CF1322;
  --shortening: #3F6AA9;
  --price-boost: #FFFF00;
  --super-boost: #00FFFF;

  --warning: #e20b5c;
  --transparent: #1c1c1c99;
  --white: #ffffff;
  --green: #00FF3C;

  --company-name: "Tiger Bet";

  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 8px;
  --radius-full: 100%;

  --header-image-filter: brightness(0) saturate(100%) invert(32%) sepia(91%)
    saturate(2250%) hue-rotate(352deg) brightness(101%) contrast(96%);
}

:root,
[data-theme="dark"] {
  --primary-100: #EB4C17;
  --primary-200: #EB4C17;
  --primary-300: #EB4C17;

  --shade-100: #070B07;
  --shade-200: #011416;
  --shade-300: #02181A;
  --shade-400: #011517;
  --shade-500: #032528;
  --shade-600: #032528;
  --shade-700: #032528;
  --shade-800: #032528;
  --shade-900: #070B07;
  --shade-1000: #FFFFFF;
  --shade-1100: #EBD8D2;
  --shade-1200: #EBEBEB;

  --text-100: #FFFFFF;
  --text-200: #FFFFFF;
  --text-300: #212221;
  --text-400: #BCBFC2;
  --text-500: #EB4C17;
  --text-600: #EB4C17;

  --icon-100: #FFFFFF;
  --icon-200: #FFFFFF;
  --icon-300: #212221;
  --icon-400: #ffffff;

  --suspend: #6D6D6D;
  --tooltip: #070B07;
}

[data-theme="light"] {
  --primary-100: #eb4c17;
  --primary-200: #eb4c17;
  --primary-300: #FA7C52;

  --shade-100: #EAEAEA;
  --shade-200: #242424;
  --shade-300: #ffffff;
  --shade-400: #ffffff;
  --shade-500: #eeeeee;
  --shade-600: #f1f1f1;
  --shade-700: #f1f1f1;
  --shade-800: #E7E2E1;
  --shade-900: #ffffff;
  --shade-1000: #f1f1f1;
  --shade-1100: #ebe1d2;
  --shade-1200: #ebebeb;

  --text-100: #342E2B;
  --text-200: #ffffff;
  --text-300: #342e2b;
  --text-400: #7c7c7c;
  --text-500: #342e2b;
  --text-600: #eb4c17;

  --icon-100: #ffffff;
  --icon-200: #342e2b;
  --icon-300: #342e2b;
  --icon-400: #ffffff;

  --suspend: #d5d5d5;
  --tooltip: #5b5b5b;
}

.logo-wrapper img,
.logo-wrapper svg {
  height: 50px;
}

.price-history path,
.price-history circle {
  stroke: var(--green);
}

.price-history circle,
.more-container-arrow path {
  fill: var(--green);
}

.countries-item,
.weights,
.race-table-head-subtitle-event,
.match-result,
.match-odds,
.more-sidebar-in-events,
.racing-under-title {
  color: var(--green);
}

.match-result-soccer-vs {
  color: var(--text-200);
}