@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,900;1,900&display=swap');

:root {
  --font-family: 'Inter', sans-serif;
  --radius: 12px;
  --spacing: 10px;
  --display-weight: 900;
  --display-style: italic;

  --color-primary: #C91412;
  --color-primary-hover: #EC1B18;
  --color-primary-strong: #740C0A;
  --color-on-primary: #FFFFFF;
  --color-accent: #4F1E88;
  --color-accent-hover: #4F1E88;
  --color-on-accent: #FFFFFF;
  --color-background: #171414;
  --color-surface-sunken: #1D1A19;
  --color-surface: #221F1E;
  --color-surface-raised: #2C2828;
  --color-surface-hover: #363232;
  --color-surface-strong: #45403F;
  --color-surface-strongest: #5F5A58;
  --color-border-subtle: #302C2C;
  --color-border: #3C3837;
  --color-text: #FEFFFF;
  --color-text-secondary: #B3AAA8;
  --color-text-muted: #8F8785;
  --color-live: #EC1B18;
  --color-danger: #EF4444;
  --color-danger-strong: #FF3C45;
  --color-error: #EE5555;
  --color-error-surface: #3A2022;
  --color-white: #FFFFFF;
  --color-black: #000000;

  --color-brand-025: #191616;
  --color-brand-053: #1D1A1A;
  --color-brand-061: #1E1B1B;
  --color-brand-065: #1E1B1B;
  --color-brand-065a: #1E1B1B;
  --color-brand-071: #1F1C1C;
  --color-brand-076: #201D1D;
  --color-brand-076a: #201D1D;
  --color-brand-076b: #201D1D;
  --color-brand-082: #211E1E;
  --color-brand-084: #221F1E;
  --color-brand-084a: #221F1E;
  --color-brand-084b: #221F1E;
  --color-brand-086: #221F1E;
  --color-brand-088: #231F1F;
  --color-brand-090: #23201F;
  --color-brand-092: #242020;
  --color-brand-092a: #242020;
  --color-brand-094: #242120;
  --color-brand-096: #252121;
  --color-brand-106: #272423;
  --color-brand-106a: #272423;
  --color-brand-106b: #272423;
  --color-brand-108: #282424;
  --color-brand-108a: #282424;
  --color-brand-112: #292525;
  --color-brand-116: #2A2626;
  --color-brand-129: #2E2A2A;
  --color-brand-129a: #2E2A2A;
  --color-brand-133: #2F2B2A;
  --color-brand-135: #2F2B2B;
  --color-brand-145: #322E2D;
  --color-brand-145a: #322E2D;
  --color-brand-145b: #322E2D;
  --color-brand-147: #322E2E;
  --color-brand-147a: #322E2E;
  --color-brand-151: #332F2F;
  --color-brand-153: #34302F;
  --color-brand-153a: #34302F;
  --color-brand-157: #343030;
  --color-brand-159: #353130;
  --color-brand-161: #353131;
  --color-brand-161a: #353131;
  --color-brand-165: #363232;
  --color-brand-175: #383433;
  --color-brand-175a: #383433;
  --color-brand-175b: #383433;
  --color-brand-176: #383434;
  --color-brand-182: #393535;
  --color-brand-188: #3A3635;
  --color-brand-202: #3D3938;
  --color-brand-206: #3E3938;
  --color-brand-214: #3F3B3A;
  --color-brand-222: #413C3B;
  --color-brand-231: #433F3E;
  --color-brand-247: #464241;
  --color-brand-275: #740C0A;
  --color-brand-290: #514C4B;
  --color-brand-308: #544F4E;
  --color-brand-310: #9D100E;
  --color-brand-318: #A7110F;
  --color-brand-320: #585251;
  --color-brand-322: #585351;
  --color-brand-329: #B41210;
  --color-brand-416: #EC1B18;
  --color-brand-418: #EC1C19;
  --color-brand-424: #EC1E1B;
  --color-brand-431: #EC201D;
  --color-brand-437: #ED221F;
  --color-brand-453: #ED2724;
  --color-brand-473: #EE2E2B;
  --color-brand-496: #EE3533;
  --color-brand-535: #EF4240;
  --color-brand-549: #958D8B;
  --color-brand-567: #F04D4A;
  --color-brand-571: #F04E4C;
  --color-brand-573: #F04F4C;
  --color-brand-575: #F04F4D;
  --color-brand-606: #F15957;
  --color-brand-620: #F25E5C;
  --color-brand-627: #F2605E;
  --color-brand-643: #F26664;
  --color-brand-649: #F26866;
  --color-brand-651: #F26866;
  --color-brand-659: #F36B69;
  --color-brand-686: #B8AFAC;
  --color-brand-702: #BCB3B0;
  --color-brand-733: #C4BAB8;
  --color-brand-741: #C6BCBA;
  --color-brand-745: #C7BDBB;
  --color-brand-749: #C8BEBC;
  --color-brand-763: #CCC2BF;
  --color-brand-778: #D0C6C3;
  --color-brand-816: #D9CFCC;
  --color-brand-818: #DAD0CC;
  --color-brand-831: #DDD3D0;
  --color-brand-855: #E3D9D6;
  --color-brand-861: #E5DAD7;
  --color-brand-875: #E9DEDA;
  --color-brand-888: #ECE1DE;
  --color-brand-896: #EEE3E0;
  --color-brand-920: #F4E9E5;
  --color-brand-971: #FFF6F2;
  --color-brand-973: #FFF6F3;
  --color-brand-984: #FFFAF6;
  --color-neutral-039: #191919;
  --color-neutral-051: #1A1A1A;
  --color-neutral-086: #1F1F1F;
  --color-neutral-114: #262626;
  --color-neutral-122: #282828;
  --color-neutral-129: #2A2A2A;
  --color-neutral-133: #2B2B2B;
  --color-neutral-137: #2C2C2C;
  --color-neutral-145: #2E2E2E;
  --color-neutral-157: #313131;
  --color-neutral-161: #323232;
  --color-neutral-167: #323232;
  --color-neutral-169: #333333;
  --color-neutral-173: #343434;
  --color-neutral-180: #353535;
  --color-neutral-200: #393939;
  --color-neutral-204: #393939;
  --color-neutral-237: #3F3F3F;
  --color-neutral-243: #414141;
  --color-neutral-263: #454545;
  --color-neutral-267: #464646;
  --color-neutral-271: #474747;
  --color-neutral-275: #484848;
  --color-neutral-298: #4D4D4D;
  --color-neutral-298a: #4D4D4D;
  --color-neutral-306: #4F4F4F;
  --color-neutral-333: #555555;
  --color-neutral-337: #565656;
  --color-neutral-353: #5A5A5A;
  --color-neutral-373: #5F5F5F;
  --color-neutral-380: #616161;
  --color-neutral-400: #666666;
  --color-neutral-431: #6E6E6E;
  --color-neutral-443: #717171;
  --color-neutral-451: #737373;
  --color-neutral-486: #7C7C7C;
  --color-neutral-502: #808080;
  --color-neutral-533: #888888;
  --color-neutral-557: #919191;
  --color-neutral-600: #999999;
  --color-neutral-604: #9A9A9A;
  --color-neutral-620: #9E9E9E;
  --color-neutral-649: #A8A8A8;
  --color-neutral-659: #A8A8A8;
  --color-neutral-671: #ABABAB;
  --color-neutral-678: #ADADAD;
  --color-neutral-682: #AEAEAE;
  --color-neutral-702: #B3B3B3;
  --color-neutral-733: #BBBBBB;
  --color-neutral-749: #C1C1C1;
  --color-neutral-757: #C1C1C1;
  --color-neutral-769: #C4C4C4;
  --color-neutral-800: #CCCCCC;
  --color-neutral-812: #CFCFCF;
  --color-neutral-827: #D3D3D3;
  --color-neutral-839: #D6D6D6;
  --color-neutral-851: #D9D9D9;
  --color-neutral-878: #E0E0E0;
  --color-neutral-882: #E1E1E1;
  --color-neutral-886: #E2E2E2;
  --color-neutral-898: #E5E5E5;
  --color-neutral-902: #E6E6E6;
  --color-neutral-925: #ECECEC;
  --color-neutral-937: #EFEFEF;
  --color-neutral-941: #F0F0F0;
  --color-neutral-961: #F5F5F5;
  --color-green-227: #295D17;
  --color-green-251: #008000;
  --color-green-292: #2E672E;
  --color-green-312: #188724;
  --color-green-341: #397539;
  --color-green-341a: #357935;
  --color-green-404: #20AE2F;
  --color-green-412: #20B22F;
  --color-green-433: #71A13C;
  --color-green-441: #3CA55C;
  --color-green-541: #5CB85C;
  --color-green-561: #50CE72;
  --color-green-571: #5EC55E;
  --color-green-600: #66CC66;
  --color-green-724: #D5ED84;
  --color-green-735: #80FB7C;
  --color-green-743: #D9EF8C;
  --color-green-792: #B5DFB5;
  --color-green-835: #B3F7BA;
  --color-green-857: #D6DFD8;
  --color-green-941: #EAF6EA;
  --color-green-949: #E5FFE5;
  --color-cyan-241: #007B7B;
  --color-cyan-261: #0F766E;
  --color-cyan-475: #2EA9C4;
  --color-cyan-492: #12C2E9;
  --color-cyan-596: #38BDF8;
  --color-cyan-627: #70BFD0;
  --color-cyan-653: #5ED3EF;
  --color-cyan-671: #65DCF1;
  --color-cyan-727: #88DAEB;
  --color-cyan-739: #7DD3FC;
  --color-cyan-743: #91EAE4;
  --color-blue-104: #17191E;
  --color-blue-116: #1A1C21;
  --color-blue-124: #1C1D23;
  --color-blue-127: #1D1F24;
  --color-blue-149: #22252A;
  --color-blue-153: #20252E;
  --color-blue-173: #272931;
  --color-blue-175: #1E293B;
  --color-blue-198: #2D3138;
  --color-blue-241: #373B44;
  --color-blue-251: #033F7D;
  --color-blue-278: #2E4860;
  --color-blue-280: #40454F;
  --color-blue-280a: #1D2F72;
  --color-blue-284: #3C4655;
  --color-blue-314: #484E58;
  --color-blue-331: #375572;
  --color-blue-353: #535861;
  --color-blue-404: #5F646F;
  --color-blue-414: #3B5998;
  --color-blue-451: #0671E0;
  --color-blue-500: #007BFF;
  --color-blue-500a: #0080FF;
  --color-blue-500b: #009FFF;
  --color-blue-500c: #0000FF;
  --color-blue-527: #1D9BF0;
  --color-blue-529: #5D89B1;
  --color-blue-541: #808994;
  --color-blue-592: #6D99C1;
  --color-blue-608: #4286F4;
  --color-blue-667: #7F7FD5;
  --color-blue-716: #86A8E7;
  --color-blue-725: #AEB7C4;
  --color-blue-729: #75BAFF;
  --color-blue-786: #BFC8D2;
  --color-blue-839: #CBD5E1;
  --color-blue-890: #C7E4FF;
  --color-blue-949: #F0F2F4;
  --color-purple-245: #55007D;
  --color-purple-282: #54216F;
  --color-purple-349: #5400B2;
  --color-purple-355: #691D98;
  --color-purple-555: #A040DB;
  --color-purple-641: #CA66E1;
  --color-purple-686: #C471ED;
  --color-purple-818: #D9A2FF;
  --color-purple-851: #C4B5FD;
  --color-pink-251: #800080;
  --color-red-200: #580E0E;
  --color-red-316: #7E2323;
  --color-red-371: #A11C1C;
  --color-red-378: #AD2314;
  --color-red-380: #A02622;
  --color-red-384: #AA1A1A;
  --color-red-406: #C7081F;
  --color-red-431: #B32929;
  --color-red-500: #FF0000;
  --color-red-500a: #FF0800;
  --color-red-516: #EA3C1D;
  --color-red-520: #F1182C;
  --color-red-539: #E13C32;
  --color-red-547: #F22525;
  --color-red-555: #EC2F4B;
  --color-red-578: #E94F3E;
  --color-red-580: #D9534F;
  --color-red-590: #E5484D;
  --color-red-606: #DB5A5A;
  --color-red-635: #EB6259;
  --color-red-637: #F64F59;
  --color-red-645: #F65353;
  --color-red-667: #FF5555;
  --color-red-708: #F87171;
  --color-red-710: #FF6B6B;
  --color-red-710a: #FF6B8A;
  --color-red-710b: #FF6B70;
  --color-red-722: #F7797D;
  --color-red-735: #FF8078;
  --color-red-814: #FFAAA0;
  --color-red-824: #FFAEA5;
  --color-red-831: #F0B9B8;
  --color-red-835: #FFB4AB;
  --color-red-980: #FDF7F7;
  --color-red-982: #FBFAFA;
  --color-orange-094: #2B1405;
  --color-orange-243: #743008;
  --color-orange-384: #AF3715;
  --color-orange-424: #C77C11;
  --color-orange-425: #D98200;
  --color-orange-488: #CE822B;
  --color-orange-602: #F18B42;
  --color-orange-624: #F0AD4E;
  --color-orange-625: #FFB240;
  --color-orange-651: #F59E57;
  --color-orange-665: #FFB454;
  --color-orange-671: #FF9457;
  --color-orange-749: #FFCC7F;
  --color-orange-771: #FFD08A;
  --color-orange-875: #FAE3C4;
  --color-yellow-051: #1A1400;
  --color-yellow-316: #A16B00;
  --color-yellow-322: #7E6226;
  --color-yellow-443: #E2B900;
  --color-yellow-455: #E8E000;
  --color-yellow-467: #EECC00;
  --color-yellow-498: #B5AC49;
  --color-yellow-500: #FFC400;
  --color-yellow-500a: #FFD000;
  --color-yellow-500b: #FFD700;
  --color-yellow-500c: #FFAA00;
  --color-yellow-500d: #FFDD00;
  --color-yellow-500e: #FFCC00;
  --color-yellow-500f: #FFFF00;
  --color-yellow-600: #FDD835;
  --color-yellow-602: #F9BD3A;
  --color-yellow-606: #E5B350;
  --color-yellow-698: #F6CA6E;
  --color-yellow-735: #FBD37C;
  --color-yellow-755: #FBD786;
  --color-yellow-880: #FEF9C3;
  --color-yellow-902: #FFF3CD;
  --color-yellow-978: #FFFDF4;

  --bg-lvl-1: var(--color-surface);
  --bg-lvl-2: var(--color-background);
  --bg-lvl-3: var(--color-surface-raised);
  --bg-lvl-4: var(--color-surface-hover);
  --bg-lvl-5: var(--color-surface-strong);
  --bg-lvl-6: var(--color-surface-strongest);
  --bonus-text: var(--color-black);
  --border-color-lvl-1: var(--color-border);
  --border-color-lvl-2: var(--color-border-subtle);
  --border-color-lvl-3: var(--color-surface-hover);
  --element-highlight-bg: var(--color-primary);
  --element-highlight-border: var(--color-primary);
  --element-highlight-text: var(--color-on-primary);
  --element-incorrect: var(--color-danger-strong);
  --element-second: var(--color-surface-raised);
  --important-color: var(--color-red-667);
  --on-accent: var(--color-on-primary);
  --progress-bar-bg: color-mix(in srgb, var(--color-white) 20%, transparent);
  --scrollbar-color: var(--color-border);
  --shadow: color-mix(in srgb, var(--color-black) 35%, transparent);
  --text-default: var(--color-text);
  --text-gray: var(--color-text-secondary);
  --text-invert: var(--color-on-primary);
  --text-light-gray: var(--color-text-secondary);
  --text-secondary: var(--color-text-secondary);
  --text-white: var(--color-white);
  --theme-color: var(--color-surface);

  --action-highlight-bg: var(--color-primary);
  --action-highlight-bg-hover: var(--color-primary-hover);
  --action-highlight-text: var(--color-on-primary);
  --message-center-link: var(--color-red-667);
  --btn-disabled-bg: var(--color-surface-hover);
  --btn-disabled-border: var(--color-border);
  --btn-disabled-text: var(--color-text-secondary);
  --button-bg: var(--color-primary);
  --button-bg-hover: var(--color-primary-hover);
  --button-chat-element: var(--color-surface-raised);
  --button-kyc-bg: var(--color-primary);
  --button-kyc-text: var(--color-on-primary);
  --button-outline-bg: var(--color-primary);
  --button-outline-border: var(--color-primary);
  --button-outline-text: var(--color-on-primary);
  --button-shimmer-color: var(--color-accent);
  --button-text: var(--color-on-primary);
  --button-total-options-bets-bg: var(--color-primary);
  --button-total-options-bets-text: var(--color-on-primary);
  --dialog-cancel-bg: transparent;
  --dialog-cancel-border: var(--color-border);
  --dialog-cancel-border-hover: var(--color-text);
  --dialog-cancel-text: var(--color-white);
  --dialog-confirm-bg: var(--color-primary);
  --dialog-confirm-text: var(--color-on-primary);
  --link-text: var(--color-red-667);
  --tag-new-bg: var(--color-primary);
  --tag-new-bg-selected: var(--color-surface-raised);
  --tag-new-text: var(--color-on-primary);
  --tag-new-text-selected: var(--color-white);

  --form-content-border: var(--color-border);
  --form-header-bg: var(--color-surface-raised);
  --form-header-text: var(--color-text);
  --input-autofill-bg: var(--color-surface-raised);
  --input-autofill-text: var(--color-text);
  --input-bg: var(--color-surface-raised);
  --input-bg-disabled: var(--color-surface-hover);
  --input-border: var(--color-border);
  --input-focus-ring: color-mix(in srgb, var(--color-primary) 20%, transparent);
  --input-placeholder: color-mix(in srgb, var(--color-text-secondary) 80%, transparent);
  --new-input-bg: var(--color-surface-raised);
  --new-input-bg-disabled: var(--color-surface-hover);
  --new-input-bg-error: var(--color-error-surface);
  --new-input-border-disabled: var(--color-border);
  --new-input-border-error: var(--color-error);
  --new-input-border-idle: var(--color-border);
  --new-input-border-selected: var(--color-primary);
  --new-input-disabled-text-color: var(--color-text-muted);
  --new-input-error-text-color: var(--color-error);
  --new-input-text-color: var(--color-text);

  --header-balance-text: var(--color-text);
  --header-bg: var(--color-surface);
  --header-border: var(--color-primary-hover);
  --header-button-bg: var(--color-primary);
  --header-button-bg-hover: var(--color-primary-hover);
  --header-button-text: var(--color-on-primary);
  --header-divider: var(--color-border-subtle);
  --header-menu-selected-bg: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --header-mobile-search-icon-color: var(--color-white);
  --header-progressbar-bg: var(--color-primary);
  --header-search-bg: var(--color-surface-raised);
  --header-text: var(--color-text);
  --header-title-text: var(--color-text);
  --header-value-cash-text: var(--color-text);
  --search-league-bg: var(--color-surface-raised);
  --search-league-text: var(--color-text);
  --search-overlay-bg: var(--color-background);
  --search-sport-bg: var(--color-surface);
  --search-sport-selected-text: var(--color-text);
  --search-sport-text: var(--color-text);
  --search-teams-text: var(--color-text);
  --sportsmenu-bar: var(--color-text);
  --sportsmenu-bar-bg: var(--color-surface-raised);
  --sportsmenu-bar-bg-hover: var(--color-surface-hover);
  --sportsmenu-bar-text-hover: var(--color-white);

  --bn-bg: var(--color-surface);
  --bn-bg-selected: var(--color-primary);
  --bn-icon: var(--color-text-secondary);
  --bn-icon-selected: var(--color-primary);
  --bn-text: var(--color-text-secondary);
  --bottom-nav-deposit: var(--color-white);
  --bottom-nav-idle-opacity: 1;
  --bottom-nav-selected: var(--color-primary-hover);
  --bottom-nav-selected-line: var(--bottom-nav-selected);
  --bottom-nav-selected-text: var(--color-white);
  --sidebar-first-before-bg: var(--color-surface);
  --sidebar-mobile-custom-item-bg: var(--color-primary);
  --sidebar-mobile-text: var(--color-text);
  --sidebar-second-text: var(--color-text);

  --login-tab-selected: var(--color-primary-hover);
  --modal-bg: var(--color-surface);
  --modal-border: var(--color-border);
  --modal-close-bg: color-mix(in srgb, var(--color-surface) 70%, transparent);
  --modal-close-bg-hover: color-mix(in srgb, var(--color-surface-hover) 85%, transparent);
  --modal-close-border: var(--color-primary);
  --modal-close-icon: var(--color-text);
  --new-login-button-bg: var(--color-primary);
  --new-login-button-text: var(--color-on-primary);
  --new-login-checkbox-bg: var(--color-primary);
  --new-login-checkbox-border: var(--color-primary);
  --new-login-checkbox-text-highlight: var(--color-red-667);
  --checkbox-check-color: var(--color-white);
  --progress-track: var(--color-surface-hover);

  --goal-bg: var(--color-surface-raised);
  --goal-text: var(--color-text);
  --live-clock-color: var(--color-red-667);
  --live-color: var(--color-live);
  --live-goal-bg: color-mix(in srgb, var(--color-accent) 85%, transparent);
  --live-goal-text: var(--color-on-accent);

  --accordion-card-bg: var(--color-surface);
  --accordion-card-title-selected: var(--color-primary);
  --accordion-card-title-selected-text-color: var(--color-on-primary);
  --accordion-card-title-text-color: var(--color-text);
  --category-selected: var(--color-primary);
  --category-selected-bg: var(--color-primary);
  --category-selected-border: var(--color-primary);
  --category-selected-text: var(--color-on-primary);
  --filter-chip-bg: var(--color-surface);
  --filter-chip-border: var(--color-border-subtle);
  --filter-chip-button-action-bg: var(--color-surface-raised);
  --filter-chip-button-action-text: var(--color-text);
  --filter-chip-button-bg: var(--color-surface-raised);
  --filter-chip-outline-bg-selected: var(--color-surface-raised);
  --filter-chip-outline-border: var(--color-white);
  --filter-chip-outline-border-selected: var(--color-border);
  --filter-chip-outline-text-selected: var(--color-text);
  --filter-chip-selected-bg: var(--color-primary);
  --filter-chip-selected-text: var(--color-on-primary);
  --filter-chip-text: var(--color-text);
  --pagination-active: var(--color-primary);
  --pagination-active-text: var(--color-on-primary);
  --pagination-bg: var(--color-surface-raised);
  --pagination-bg-disabled: var(--color-surface);
  --pagination-page-bg: var(--bg-lvl-4);
  --pagination-selected-bg: var(--color-primary);
  --pagination-selected-text: var(--color-on-primary);
  --pagination-text: var(--color-text);
  --pagination-text-disabled: var(--color-text-secondary);

  --eventdetail-filter-text: var(--color-text);
  --eventdetail-filter-text-selected: var(--color-red-667);
  --eventdetail-market-header-bg: var(--color-surface-raised);
  --eventdetail-market-header-text: var(--color-text);
  --eventdetail-market-option-text: var(--color-text-secondary);
  --eventlist-country-bg: var(--color-surface-raised);
  --eventlist-country-text: var(--color-text);
  --eventlist-sportleague-filter-bg: var(--color-surface-raised);
  --eventlist-sportleague-filter-bg-selected: var(--color-primary);
  --eventlist-sportleague-filter-text-selected: var(--color-on-primary);
  --market-badge-boost-color: var(--color-red-667);
  --market-badge-custombet-color: var(--color-red-667);
  --market-badge-pa-bg: var(--color-accent);
  --market-badge-pa-border: var(--color-accent);
  --market-badge-pa-text: var(--color-on-accent);
  --market-filter-selected-bg: var(--action-highlight-bg);
  --market-filter-selected-bg-hover: var(--action-highlight-bg-hover);
  --market-filter-selected-border: var(--action-highlight-bg);
  --market-filter-selected-icon-filter: brightness(0) invert(1);
  --market-filter-selected-text: var(--action-highlight-text);
  --market-notice-accent: var(--color-red-667);
  --market-notice-bg: var(--color-surface);
  --market-notice-border: var(--color-border);
  --market-notice-card-red: var(--color-danger);
  --market-notice-text: var(--color-text-secondary);
  --market-notice-title: var(--color-text);
  --new-slideshow-tournament-text: var(--color-red-667);
  --score-color: var(--color-red-667);
  --superodd-accent: var(--color-primary-hover);
  --superodd-bg: var(--color-surface-sunken);
  --superodd-border: var(--color-border-subtle);
  --superodd-button-bg: var(--color-background);
  --superodd-on-accent: var(--color-on-primary);
  --superodd-on-primary: var(--color-on-primary);
  --superodd-primary: var(--color-primary);
  --superodd-text: var(--color-text);
  --superodd-text-secondary: var(--color-text-secondary);
  --team-fallback-body-bottom: var(--color-neutral-173);
  --team-fallback-body-top: var(--color-neutral-298a);
  --team-fallback-dark: var(--color-neutral-180);
  --team-fallback-emblem: var(--color-neutral-812);
  --team-fallback-inner-rim: var(--color-neutral-431);
  --team-fallback-rim: var(--color-neutral-604);
  --team-fallback-skin-bottom: var(--color-neutral-451);
  --team-fallback-skin-top: var(--color-neutral-678);

  --odd-bg: var(--color-accent);
  --odd-border: var(--color-accent);
  --odd-card-default-bg: var(--color-surface-raised);
  --odd-card-default-border: var(--color-border);
  --odd-card-default-text: var(--color-text);
  --odd-card-locked-bg: var(--color-surface);
  --odd-card-locked-border: var(--color-border);
  --odd-card-locked-text: var(--color-text-secondary);
  --odd-card-selected-bg: var(--color-accent);
  --odd-card-selected-border: var(--color-accent);
  --odd-card-selected-text: var(--color-on-accent);
  --odd-highlight-color: var(--color-text);
  --odd-highlight-default-bg: var(--color-surface-raised);
  --odd-highlight-default-text: var(--color-text);
  --odd-highlight-locked-bg: var(--color-surface-hover);
  --odd-highlight-locked-text: var(--color-text-secondary);
  --odd-highlight-selected-bg: var(--color-accent);
  --odd-highlight-selected-border: var(--color-accent);
  --odd-highlight-selected-text: var(--color-on-accent);
  --odd-slideshow-default-bg: var(--color-surface-raised);
  --odd-slideshow-default-text: var(--color-text);
  --odd-slideshow-locked-bg: var(--color-surface);
  --odd-slideshow-locked-text: var(--color-text-secondary);
  --odd-slideshow-selected-bg: var(--color-accent);
  --odd-slideshow-selected-border: var(--color-accent);
  --odd-slideshow-selected-text: var(--color-on-accent);
  --odd-text: var(--color-on-accent);

  --bets-inner-bg: var(--color-surface-raised);
  --bets-inner-border: var(--color-border);
  --betslip-first-bg: var(--color-primary);
  --betslip-first-bg-hover: var(--color-primary-hover);
  --betslip-first-text: var(--color-on-primary);
  --betslip-accept-odds-highlight: var(--color-primary-hover);
  --betslip-input-bg: var(--color-surface-raised);
  --betslip-input-text: var(--color-text);
  --betslip-mobile-bg: var(--color-surface);
  --betslip-mobile-close-text: var(--color-white);
  --betslip-mobile-bar-bg: color-mix(in srgb, var(--color-accent) 35%, var(--color-surface));
  --betslip-mobile-bar-border: var(--color-accent);
  --betslip-mobile-bar-icon: var(--betslip-mobile-close-text);
  --betslip-mobile-bar-odd-text: var(--color-white);
  --betslip-mobile-bar-text: var(--color-white);
  --betslip-mobile-bar-text-shadow: 0 1px 6px color-mix(in srgb, var(--color-black) 25%, transparent);
  --betslip-mobile-amount-bg: var(--betslip-input-bg);
  --betslip-mobile-amount-text: var(--betslip-input-text);
  --betslip-mobile-possible-return-text: var(--odd-highlight-color);
  --betslip-odds-total-value-text: var(--color-text);
  --betslip-panel-border: var(--color-border);
  --betslip-second-text: var(--color-on-primary);
  --betslip-value: var(--color-text);
  --custombet-ticket-tag-bg: var(--color-primary);
  --mobile-betslip-value: var(--color-text);
  --ticket-border: var(--color-border);
  --ticket-color-option: var(--color-red-667);
  --ticket-divider: var(--color-border-subtle);
  --ticket-muted: var(--color-text-muted);
  --ticket-surface: var(--color-surface-raised);
  --ticket-timeline: var(--color-text-muted);

  --casino-accent: var(--color-red-667);
  --casino-banner-dots-selected: var(--color-primary);
  --casino-card-alt-bg: var(--color-surface);
  --casino-card-bg: var(--color-surface-raised);
  --casino-card-border: var(--color-border);
  --casino-card-hover-bg: var(--color-surface-hover);
  --casino-categories-btn-allgames-text: var(--color-white);
  --casino-categories-header-text: var(--color-white);
  --casino-categories-menu-bg-selected: var(--color-primary);
  --casino-categories-menu-text-selected: var(--color-on-primary);
  --casino-game-name-bg: transparent;
  --casino-media-bg: var(--color-background);
  --casino-modal-btn-bg: var(--color-primary);
  --casino-modal-btn-border: var(--color-primary);
  --casino-modal-btn-text: var(--color-on-primary);
  --casino-modal-shared-bg: var(--color-primary);
  --casino-name-color-default: var(--color-red-667);
  --casino-search-icon-bg: var(--color-surface-raised);
  --casino-search-input-border-color: var(--color-border);
  --casino-search-text: var(--color-white);
  --casino-tournament-border: var(--color-primary);
  --casino-tournament-cta-bg: var(--action-highlight-bg);
  --casino-tournament-cta-bg-hover: var(--action-highlight-bg-hover);
  --casino-tournament-cta-text: var(--action-highlight-text);
  --casino-tournament-text: var(--color-red-667);
  --egames-card-highlight-datetime-bg: var(--color-primary);
  --egames-card-highlight-datetime-text: var(--color-on-primary);
  --egames-tab-bg-selected: var(--color-primary);
  --egames-tab-text-selected: var(--color-on-primary);
  --egames-sport-title-text: var(--color-text);
  --egames-tournament-title-text: var(--color-text);
  --virtual-games-bg: var(--color-neutral-114);

  --affiliate-money-text: var(--color-text);
  --my-avatar-accent: var(--color-primary);
  --my-avatar-primary: var(--color-surface-raised);
  --my-avatar-ranking-highlight-bg: var(--color-yellow-978);
  --my-avatar-text-on-accent: var(--color-on-primary);
  --my-avatar-text-on-primary: var(--color-text);
  --profit-value-text: var(--color-text);

  --seo-card-bg: var(--color-surface);
  --seo-card-heading: var(--color-text);
  --seo-card-text: var(--color-text-secondary);

  --loader-primary: var(--color-primary);
  --loader-secondary: var(--action-highlight-bg);
  --loading-bg: var(--color-surface);
  --loading-text: var(--color-text);

  accent-color: var(--color-primary);
}

body button,
body input,
body select,
body textarea {
  font-family: var(--font-family);
}

body h1 {
  font-weight: 900;
  font-style: italic;
}