:root {
    --bg-primary: #E27A00;
    --bg-secondary: #1D1E20;
    --bg-tertiary: #2E3035;
    --bg-scrim: #000000E0;

    --fg-primary: #FFFFFF;
    --fg-secondary: #9AA1B1;
    --fg-secondary-alpha-50: #9AA1B180;
    --fg-secondary-alpha-05: #9AA1B10D;
    --fg-content-primary-alpha-12: #EBF0FF1F;

    --neutral-primary: #9AA1B11F;
    --neutral-primary-hover: #9AA1B133;
    --neutral-secondary: #9AA1B11F;

    --border-divider: #9AA1B11F;

    --brand-primary: #0075FF;
    --brand-primary-hover: #1381FF;

    --brand-accent: #00B24B;
    --brand-accent-hover: #00D95B;

    --yellow: #D9A600;
    --category-live: #FF006A;

    --hot-accent: #F63D00;
    --hot-hover: #F7501A;

    --content-primary: #F0F2F5;
    --content-informative: #0075FF;

    --neutral-content-secondary: #8A8D94;
    --neutral-content-secondary-16: #8A8D9429;

    --bar: linear-gradient(90deg, #00B24B 0%, #D9A600 50.42%, #F63D00 87.97%);
    --button-background-box: linear-gradient(0deg, #141415 56.77%, rgba(29, 30, 32, 0.00) 100%);

    /*colors*/
    --pumpit-background-page-up: #E3710A;
    --pumpit-background-page-down: #EBC313;
    --pumpit-background-bg-page-up: #E17E08;
    --pumpit-background-container-primary: #67B13C;
    --pumpit-background-container-primary-alpha-0: #67B13C00;
    --pumpit-background-container-secondary: #0A0A0B;
    --pumpit-background-container-secondary-alpha-0: #0A0A0B00;
    --pumpit-background-container-alpha-0: #F1C50000;
    --pumpit-background-container-back: #F0C400;
    --pumpit-element-stroke: #FED601;
    --pumpit-element-stroke-alpha-0: #FED60100;
    --pumpit-fg-pumpit-content-primary: #FFFFFF;
    --pumpit-fg-content-pumpit-primary-alpha-80: #FFFFFFCC;
    --pumpit-fg-content-pumpit-shadow: #BC5F0A;
    --pumpit-fg-content-pumpit-button-shadow-alpha-40: #BC5F0A66;
    --pumpit-fg-content-pumpit-stroke-alpha-24: #FF65233D;
    --pumpit-button-pumpit-primary-up: #BD8AFF;
    --pumpit-button-pumpit-primary-down: #9000FF;
    --pumpit-button-pumpit-stroke-primary-up: #ECD2FF;
    --pumpit-button-pumpit-stroke-primary-alpha-0: #FFCC8900;
    --pumpit-button-pumpit-primary-hover-up: #E7B901;
    --pumpit-button-pumpit-primary-hover-down: #DD6102;
    --pumpit-button-pumpit-stroke-primary-hover-up: #FFB759;
    --pumpit-button-pumpit-avtobet-up: #39C2F3;
    --pumpit-button-pumpit-avtobet-down: #01A7E3;
    --pumpit-button-pumpit-stroke-avtobet-up: #80DDFF;
    --pumpit-button-pumpit-stroke-avtobet-alpha-0: #80DDFF00;
    --pumpit-button-pumpit-avtobet-hover-up: #02AAE8;
    --pumpit-button-pumpit-avtobet-hover-down: #018ABC;
    --pumpit-button-pumpit-avtobet-active-up: #01A0DA;
    --pumpit-button-pumpit-avtobet-active-down: #007BA8;
    --pumpit-button-pumpit-stroke-avtobet-hover-up: #02AAE8;
    --pumpit-button-pumpit-secondary-up-alpha-36: #A35CFF5B;
    --pumpit-button-pumpit-secondary-down-alpha-16: #B276FF28;
    --pumpit-button-pumpit-stroke-secondary-up-alpha-40: #BD8AFF66;
    --pumpit-button-pumpit-stroke-secondary-down-alpha-10: #BD8AFF19;
    --pumpit-button-pumpit-secondary-hover-up-alpha-46: #A35CFF75;
    --pumpit-button-pumpit-secondary-hover-down-alpha-26: #B276FF42;
    --pumpit-button-pumpit-stroke-secondary-hover-up-alpha-50: #BD8AFF7F;
    --pumpit-button-pumpit-stroke-secondary-hover-down-alpha-20: #BD8AFF33;
    --pumpit-button-pumpit-background-primary-radial-up: rgba(255, 218, 159, 0.30);
    --pumpit-button-pumpit-background-primary-radial-down: rgba(206, 106, 35, 0.30);
    --pumpit-button-pumpit-background-primary-radial-hover-up: #BD8AFF;
    --pumpit-button-pumpit-background-primary-radial-hover-down: #9000FF;
    --pumpit-button-pumpit-stroke-primary-hover-alpha-40: #FFFFFF66;
    --pumpit-button-pumpit-stroke-primary-hover-alpha-30: #FFFFFF4C;
    --pumpit-button-pumpit-stroke-primary-hover-alpha-10: #FFFFFF19;
    --pumpit-hose-up: #FFFFFF;
    --pumpit-hose-down: #999999;
    --pumpit-progressbar-inside-background-edge: #644090;
    --pumpit-progressbar-inside-background-middle: #AF91D4;
    --pumpit-price: #794D1A;
    --pumpit-bg-text-background-up: #FFA600;
    --pumpit-bg-text-background-down: #FFF700;
    --pumpit-bg-text-ishadow-1: #FFFF017F;
    --pumpit-bg-text-dshadow-1: #813100;
    --pumpit-bg-text-dshadow-2-alpha-80: #E97B00CC;
    --pumpit-bg-text-dshadow-3-alpha-80: #E96100CC;
    --pumpit-bg-background-container-alpha-4: #FFDA9F0A;
    --pumpit-bg-stroke-container-alpha-36: #FFDA9F5B;
}
  /***/
/* COLORS */
:root {
  --background-page: #040405;
  --background-page-overlay: #040405cc;
  --background-page-overlay-alpha-0: #04040500;
  --background-container-primary: #dde3f219;
  --background-container-secondary: #040405f4;
  --background-container-elevated-primary: #1a1a1d;
  --background-container-elevated-secondary: #29292d;
  --background-container-elevated-inverted: #f4f6fc;
  --background-field-primary: #dde3f20c;
  --background-field-secondary: #dde3f20c;
  --background-field-inverted: #04040551;
  --background-overlay: #000000cc;
  --background-element-primary: #dde3f228;
  --background-element-secondary: #dde3f25b;
  --background-element-selection-primary: #c2f444;
  --background-element-selection-hover: #caff6d;
  --background-hover-01: #dde3f233;
  --background-hover-02: #dde3f21e;
  --fg-content-primary: #ebf0ff;
  --fg-content-primary-alpha-50: #ebf0ff7f;
  --fg-content-primary-alpha-30: #ebf0ff4c;
  --fg-content-primary-alpha-12: #ebf0ff1e;
  --fg-content-secondary: #828896;
  --fg-content-tertiary: #525660;
  --fg-content-inverted: #040405;
  --fg-content-dark: #040405;
  --fg-content-brand: #caff6d;
  --fg-content-brand-alpha-60: #caff6d99;
  --fg-content-brand-alpha-15: #caff6d26;
  --fg-content-brand-ghost: #caff6d00;
  --fg-content-gray: #9ba1b0;
  --fg-content-green: #caff6d;
  --fg-content-yellow: #ffdc83;
  --fg-content-red: #f13e48;
  --fg-fg-content-btn-secondary-text: #caff6d7f;
  --fg-content-btn-secondary-amount-01: #ebf0ff;
  --fg-content-btn-secondary-amount-02: #ebf0ffb3;
  --fg-content-brand-secondary: #2696ff;
  --fg-content-brand-secondary-alpha-60: #2696ff99;
  --fg-content-brand-secondary-alpha-15: #2696ff26;
  --fg-content-brand-ghost-secondary: #2696ff00;
  --feedback-error: #f13e48;
  --win-notification-brand-liner-01: #b2ff3c28;
  --win-notification-brand-liner-02: #bfff520a;
  --feedback-warning: #ffc91a;
  --win-notification-cashwin-base: #54752326;
  --feedback-success: #caff6d;
  --win-notification-white-liner-01: #ffffff47;
  --feedback-info: #828896;
  --win-notification-white-liner-02: #ffffff28;
  --win-notification-white-liner-03: #ffffff00;
  --border-element-primary: #dde3f214;
  --border-btn-secondary-up: #bafb4866;
  --border-btn-secondary-down: #bafb4819;
  --border-btn-secondary-up-hover: #bafb48b2;
  --border-btn-secondary-down-hover: #bafb4823;
  --border-btn-affirmative-up: #bafb4866;
  --border-btn-affirmative-down: #bafb4819;
  --border-btn-accent: #dde3f2;
  --button-primary-up: #b5e95d;
  --button-primary-down: #ace30b;
  --button-primary-up-hover: #cfff78;
  --button-primary-down-hover: #b6f10c;
  --button-secondary-up: #8fe50c5b;
  --button-secondary-down: #8fe50c0a;
  --button-negative-up: #ff5000;
  --button-negative-down: #fd3636;
  --button-negative-up-hover: #ff580d;
  --button-negative-down-hover: #fd4141;
  --button-accent-up: #ebeef6;
  --button-accent-down: #bcc3d5;
  --button-accent-up-hover: #f6f8ff;
  --button-accent-down-hover: #ccd4e8;
  --button-affirmative-up: #8fe50c59;
  --button-affirmative-down: #8fe50c28;
  --button-brand: #a8e2443d;
  --button-black: #a3a7bc3d;
  --button-red: #f13e483d;
  --button-brand-selected-up: #b5e95d;
  --button-brand-selected-down: #ace30b;
  --button-black-selected-up: #89898c;
  --button-black-selected-down: #5a5a60;
  --button-red-selected-up: #ff626a;
  --button-red-selected-down: #f5313c;
  --button-brand-hover: #a8e24451;
  --button-black-hover: #a3a7bc51;
  --button-red-hover: #f13e4851;
  --button-slider-up: #ebeef6;
  --button-slider-down: #bcc3d5;
  --button-btn-togame: #e2e5ee;
  --button-secondary-bet: #2696ff;
  --button-secondary-ghost-bet: #2696ff00;
  --shadow-btn-primary-hover: #aff03eb2;
  --window-rules-grid-01: #ffffff33;
  --window-rules-grid-02: #ffffff00;
  --shadow-btn-secondsry-hover: #aaf0301e;
  --shadow-btn-negative-hover: #fd4242b2;
  --shadow-btn-shadow: #0000003f;
  --shadow-modal: #05050666;
  --shadow-notification: #000000cc;
}

/* ROUNDING */
:root {
  /* Button */
  --button-rounding-button-s: 4px;
  --button-rounding-button-m: 8px;

  /* Tabs */
  --tabs-rounding-segment-tab: 8px;
  --tabs-rounding-segment-control: 12px;
  --tabs-rounding-chips-tab: 999px;

  /* Input */
  --input-rounding-input-s: 4px;
  --input-rounding-input-m: 8px;

  /* Basebadge */
  --basebadge-rounding-badge: 8px;

  /* Modal */
  --modal-rounding-modal: 12px;

  /* Notification */
  --notification-rounding-notification: 12px;

  /* Element */
  --element-rounding-element: 12px;
}

/* SIZE */
:root {
  /* Button */
  --button-size-button-xl: 48px;
  --button-size-button-l: 44px;
  --button-size-button-m: 36px;
  --button-size-button-s: 28px;

  /* Tabs */
  --tab-size-segment-tab-m: 36px;
  --tab-size-tag: 28px;

  /* Input */
  --input-size-input: 44px;

  /* Basebadge */
  --badge-size-badge: 36px;
}

/* OPACITY */
:root {
  --opacity-disabled: 30%;
  --opacity-active: 74%;
}