:root {
  --color-bg-body: #0b1b27;
  --color-bg-header: #051a27; /* background color của table */
  --color-bg-primary: #07141d; /* background color của modal content*/
  --color-bg-secondary: #08202f; /* background color khác */
  --color-bg-accent: #14283c;

  --color-text-primary: #ffffff; /* color text primary */
  --color-text-secondary: #919199;
  --color-highlight: #ffe27f; /* text color hightlight */
  --color-border-line-muted: #8496a3;
  --color-bg-gradient-mask-horizontal: linear-gradient(to right, rgba(8, 38, 56, 0) 0%, rgba(8, 38, 56, 0.88) 10%, rgba(8, 38, 56, 0.88) 21%, rgba(8, 38, 56, 0.88) 78%, rgba(8, 38, 56, 0.88) 89%, rgba(8, 38, 56, 0.88) 90%, rgba(8, 38, 56, 0) 100%);

  --color-text-muted: #94b6be;
  --color-border-highlight: #AB826B;
  --color-bg-afsub-active: #1c4861;

  --bg-reg-image: url("../images/reg-bg.jpg");
  --bg-promo-image: url("../images/promo-bg.jpg");
  --bg-lottery-image: url("../images/lottery/lottery-bg.jpg");
  --bg-casino-image: url("../images/casino/casino-bg.jpg");
  --bg-home-ssport: url("../images/home-sport.jpg");
  --bg-slot-image: url("../images/slots/slots-bg01.jpg?1");
  --color-rebate-bg: #061826;
  --color-bg-backtotop-hover: #182939;
  --color-gradient-darkblue-angle: linear-gradient(45deg, rgba(20, 40, 53, 1) 0%, rgba(11, 27, 39, 1) 100%);
  --color-bg-gradient-darksteel: linear-gradient(135deg, rgba(11, 27, 39, 1) 0%, rgba(20, 40, 53, 1) 74%, rgba(20, 40, 53, 1) 100%);
  --color-bg-gradient-dark-ocean: linear-gradient(135deg, rgba(11, 27, 39, 1) 0%, rgba(20, 40, 53, 1) 74%, rgba(20, 40, 53, 1) 100%);

  /* 4 lines ở dưới dùng để tạo thành 1 background cho features slots game */
  --color-bg-pattern-base: #000000;
  --color-bg-pattern-dot: #2b383a; 
  --bg-pattern-dot-size: 0.4px;
  --bg-pattern-grid-size: 10px;

  --color-bg-banner-dark: #050d0e;
  --color-wave-line: rgba(0, 255, 255, 0.05);
  --bg-banner-gradient: radial-gradient(
    circle at right center,
    var(--color-wave-line) 0%,
    transparent 30%
  );

  --color-text-link-blue: #1358c7;
  --color-btn-login-gradient: linear-gradient(180deg, hsl(57deg 83% 72%), hsl(56deg 78% 32%));
  --color-bg-body: radial-gradient(circle at center, #103b52 0%, #123345 40%, #0a2838 100%);
  --color-bg-player-vip-box: radial-gradient(circle at center, #103b52 0%, #123345 40%, #0a2838 100%);
  --color-bg-tertiary: #0b2e42;
  --color-text-steelblue-2: #607e8f;
  --color-tab-text: #71737a;
  --color-tab-border-active: #b67866;
  --color-bg-announcement: rgba(14, 33, 47, 0.8);
  --color-bg-wallet-button: #000547;
  --color-mail-button: #fac462;
  --color-mail-button-hover: #081420; /* color email button khi hover và background color của footer */
  --color-scroll-thumb: #526b87;
  --color-scroll-track: #2f3d4d;
  --color-header-top-bg: #081922; /* background color của top header */
  --color-text-light: var(--color-text-primary); /**/
  --color-bg-deepblue: #0d1b2a;
  --color-bg-slots-lobby: #12263a;
  --color-bg-navy-deep: #0e212f; /* background color của header menu và background color của mỗi items trò chơi */
  --color-bg-black-slot: #000; /* background color của section slots game và các background có màu đen */
  --color-bg-midnightblue: #11263a;
  --color-bg-lottery: #010305;
  --color-bg-deepblue-muted: #294e66;/* background color của section thông tin về trò chơi ở trang chủ */
  --color-bg-header-menu-feature: #000;
  --color-bg-rs-header: #051d2f;
  --color-bg-accent: #32343C;
  --color-bg-sport-dark: #000e18;
  --color-bg-qamt-btn: #07273e;
  --color-bg-dark-navy: #061c29;
  --color-text-steelblue: #668f99;
  --color-bg-deep-slate: #233648;
  --color-input-bg-dark: #0b2e41;
  --color-bg-modal-dark: #071629;


  --color-bg-gradient-deep-ocean: linear-gradient(to right, rgba(6, 32, 51, 1) 0%, rgba(4, 23, 38, 1) 100%); /* background color của menu game recommend game và hots game mặc định */
  --color-bg-gradient-deepblue: linear-gradient(to bottom, rgba(18, 39, 58, 1) 0%, rgba(4, 23, 37, 1) 100%);
  --color-bg-gradient-deepblue-2: linear-gradient(to bottom, rgba(14, 33, 48, 1) 0%, rgba(6, 50, 83, 1) 100%);
  --color-btn-gradient-100: linear-gradient(to left, rgba(248, 236, 127, 1) 0%, rgba(201, 158, 66, 1) 100%);/* background color của menu game recommend game và hots game khi active */
  --color-btn-gradient-vertical: linear-gradient(to bottom, rgba(248, 236, 127, 1) 0%, rgba(201, 158, 66, 1) 100%); /* menu color lúc hover (active) */
  --color-bg-gradient-darkblue: linear-gradient(90deg, #0d3046 0%, #0e354e 78.94%);

  /* 3 line này cho background color diễn giải thông tin về slot game*/
  --color-bg-dark-blue-1: rgba(11, 27, 39, 1);
  --color-bg-dark-blue-2: rgba(20, 40, 53, 1);
  --color-gradient-dark-blue-angled: linear-gradient(132deg, var(--color-bg-dark-blue-1) 0%, var(--color-bg-dark-blue-2) 74%, var(--color-bg-dark-blue-2) 100%);

  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-family-code: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;

  --font-size-lg: 22px;
  --font-size-md: 16px;
  --font-size-sm: 13px;

  --radius-lg: 15px;
  --radius-md: 8px;

  --slider-transform: translate3d(0, 0, 0);
  --slider-cursor-drag: grab;
  --slider-border-default: 1px solid transparent;

  --color-bg-deepgreen: #044531;
  --color-bg-midgreen: #07593f;
  --color-bg-darkgreen: #022f21;
  --color-bg-lightgray: #f1f1f1;
  --color-text-error-bright: #f1331f;
  --color-text-gray-aaa: #a8a8a8;
  --color-bg-maintenance-disabled: #525252;

  --color-text-black: #000;
  --color-text-muted-2: #7f919e;
  --color-text-subtle: #c7dbe0;
  --color-text-darkblue: #0a1941;
  --color-red-bright: #FF0000;
  --color-bg-red-alert: #FF0004;
  --color-purple-neon: #A401F8;
  --color-text-yellow-soft: #fbfec6;
  --color-text-jackpot: #ffec94;
  --color-text-darkblue-deep: #051a2a;
  --color-text-gray-soft-2: #a3a3a3;
  --color-text-blue-medium: #4482ab;
  --color-bg-levelbar: #21292c;
  --color-gradient-levelbar: linear-gradient(to right, rgba(180, 226, 243, 1) 0%, rgba(117, 206, 235, 1) 100%);
  --color-bg-gradient-slotlist: linear-gradient(to bottom, rgba(18, 39, 58, 1) 0%, rgba(5, 23, 37, 1) 100%);
  --color-download-box-gradient: linear-gradient(to bottom, rgba(13, 53, 81, 0) 0%, rgba(13, 53, 81, 0) 22%, rgba(13, 53, 81, 1) 100%);

  --color-border-sfbtn: #495143;
  --color-bg-slot-search: #233343;
  --color-text-slot-placeholder: #707f8d;
  --color-border-slot-provider: #f2e277;
  --color-border-slot-separator: #3b3b3b;
  --color-bg-hot-slot: #ed9823;
  --color-bg-play-hover: rgba(0, 0, 0, 0.5);
  --color-bg-play-hover-70: rgb(0, 0, 0, 0.7);
  --color-bg-play-hover-80: rgb(0, 0, 0, 0.8);

  --color-vip-normal: #5f91cf;
  --color-bg-red-alert2: #fd0007;
  --color-vip-bronze: #edd08a;
  --color-vip-silver: #979699;
  --color-vip-gold: #f8de9a;
  --color-vip-platinum: #d5d7e5;
  --color-vip-upgrade-note: #969561;
  --color-bg-vip-box: rgba(8, 38, 56, 0.9);

  --color-highlight-dark: #ffed7d;
  --color-highlight-dark-orange: #ff8100;
  --color-border-left-muted: #424f5a;
  --color-text-muted-bluegray: #787b8b;
  --color-border-dotted-bluegray: #626a8d;
  --color-text-muted-gray: #5e6470;
  --color-border-yellow-soft: #ebcc53;
  --color-icon-android: #a4c639;

  --color-btn-gradient: linear-gradient(to left, rgba(248, 236, 127, 1), rgba(201, 158, 66, 1));
  --color-btn-gradient-hover: linear-gradient(to left, rgba(218, 149, 74, 1), rgba(255, 236, 173, 1));
  --color-gradient-gold-shine: linear-gradient(to bottom, rgba(251, 234, 108, 1) 0%, rgba(209, 156, 40, 1) 100%);
  --color-bg-gradient-gold-smooth: linear-gradient(to right, rgba(217, 147, 73, 1) 0%, rgba(255, 225, 127, 1) 42%, rgba(255, 237, 174, 1) 100%);
  --color-bg-black-opacity-85: rgba(0, 0, 0, 0.85);

  --color-theme-box1: #fbe6e6;
  --color-theme-box2: #edfcf4;
  --color-theme-box3: #fbf4e6;
  --color-border-rs-header: #6e6724;
  --color-border-bottom-highlight: #efd57a;
  --color-text-blog-date: #7894a6;
  --color-text-pagination: #979db0;
  --color-text-pagination-hover: #1e455b;

  --color-text-bycol: #8b9fab;
  --color-text-pagination-hover-text: #c8e8fa;
  --color-bg-yellow-soft-2: #ffea8d;

  --color-gold: #e3d311;
  --color-gold-grad-1: #eec67d;
  --color-gold-grad-2: #f6b52a;
  --color-featured-btn: gold;
  --color-featured-btn-hover: darkgoldenrod;

  --color-featured-game-bg: #1b2a41;
  --color-footer-bg: #081122;
  --color-footer-title: #545d69;
  --color-bg-light-blue-gray: #bfced9;

  --color-border: #183343;
  --color-border-gray: #465a66;
  --color-border-light: #78848b;
  --color-border-light-gray: #ccc;
  --color-border-light-gray2: #cccccc;
  --color-border-muted: #1a3346;
  --color-border-gold: #7d7220;
  --color-border-gold-soft: rgba(255, 215, 0, 0.5);
  --color-border-footer: #606060;
  --color-border-wallet-gray: #80808087;
  --color-border-highlight-purple: hsl(251deg 92% 64%);
  --color-text-gray-blue: #8A9BA6;
  --color-text-gray-blue-2: #8A9BA5;
  --color-border-orange-bright: rgb(255, 138, 0);
  --color-border-orange-bright: #FF8A00;
  --color-text-blue-gray: #7A8D98;
  --color-bg-gray: #808080;

  --color-scroll-thumb-hover: #0d334e;

  --color-app-header: #282c34;
  --color-app-link: #61dafb;
  --color-rebate-table-header: #0d2436;
  --color-rebate-table-row-alt: #0c2638;
  --color-bg-deep-blue-dark: #102a42;
  --color-border-bottom-deepblue: #0b2639;
  --color-bg-steelblue-muted: #28475f;

  --color-border-table-muted: #0c334c;
  --color-gradient-deepblue-horizontal: linear-gradient(to right, rgba(6, 31, 49, 1) 0%, rgba(10, 36, 53, 1) 100%);
  --color-gradient-deepblue-diagonal: linear-gradient(135deg, rgba(6, 31, 49, 1) 0%, rgba(10, 36, 53, 1) 100%);
  --color-text-gold-hover: #ffc833;
  --color-warning: #ff9600;
  --color-warning-light: #ffaf50;
  --color-danger: hsl(359deg 95% 42%);
  --color-success: #14805e;
  --color-bg-midnight-blue-2: #0e2130;

  --color-bg-notice-wrapper: rgba(251, 254, 198, 0.1);
  --color-bg-btn-join-mobile: linear-gradient(to bottom, #ffedae 0%, #ffe17f 50%, #d99349 100%);
  --color-bg-btn-login-mobile: linear-gradient(135deg, #0b1b27 0%, #142835 74%, #142835 100%);
  --color-bg-mhm-col-1: linear-gradient(to right, #082e4e 0%, #0d2435 100%);
  --color-announce-bg1: rgba(30, 66, 110, 1);
  --color-announce-bg2: rgba(16, 33, 66, 1);
  --color-announce-border: #e6c43c;

  --color-notice-border: #33687b;
  --color-notice-overlay: rgba(8, 20, 32, 0.6);

  --box-shadow-highlight: 0 0 10px -1px var(--color-highlight-dark);
  --bg-most1-gradient: 
      linear-gradient(313.8deg, rgba(236, 113, 0, 0.3) 1.46%, rgba(95, 45, 0, 0) 85.24%),
      linear-gradient(128.43deg, rgba(65, 69, 119, 0.3) -4.04%, rgba(146, 94, 148, 0.3) 95.07%);
  --color-hsl-red: hsl(0deg 100% 50%);
  --color-hsl-blue: hsl(217deg 100% 17%);
  --color-hsl-purple: hsl(250deg 83% 62%);
  --color-hsl-orange: hsl(29deg 99% 50%);

  --color-howto-caption-border: #d6b987;
  --color-howto-caption-bg: rgba(11, 41, 63, 0.8); 

  --color-form-acc-text: #ab7600;

  --color-form-acc-error: #ef001b;

  --color-header-detail-dark: #140700;

  --color-text-brown-dark: #140601;
  --color-bg-bank-trans: rgb(48, 46, 42);
  --color-box-shadow-gold: rgb(254 206 49 / 20%);
  --color-danger-tick: hsl(2deg 91% 60%);
  --color-bg-checkmark: #eee;
  --color-bg-deposit-mobile: #03607c;
  --color-text-hover-muted: #5E5E6A;

  --color-bg-input-light: hsl(0, 0%, 90%);
  --color-highlight-soft: hsl(42deg 100% 46%);
  --color-highlight-text: hsl(43deg 100% 1%);
  --color-input-text-dark: hsl(22deg 100% 4%); 
  --color-btn-withdraw-bg: hsl(42deg 100% 50%);

  --color-text-gray-medium: #9b9b9b;
  --color-text-gray-dark: #686868;
  --color-bg-dark-gray: #434554;
  --color-accent-peach: #f6a382;
  --color-accent-beige: #d1a581;
  --color-bg-dark-base: #23232a;
  --color-bg-gold-soft: #9d7966;
  --color-accent-gold-light: #f2c992;
  --color-accent-brown-light: #c38d74;
  --color-accent-brown-muted: #c89e8e;
  --color-bg-danger-hsl: hsl(359deg 95% 42%);
  --color-text-white: var(--color-text-primary);
  --color-bg-overlay-10: rgba(0, 0, 0, 0.1);
  --color-bg-overlay-30: rgba(0, 0, 0, 0.3);
  --color-bg-light: #f7f7f7;
  --color-border-light-gray: #d7d7d7;
  --color-danger-hsl: hsl(347deg 78% 42%);
  --color-text-muted-dark: #73788e;
  --color-bg-charcoal: #2b2b32;
  --color-text-charcoal-dark: #373b4e;
  --color-bg-charcoal-dark: #373b4e;
  --color-text-gray-soft: #919199;
  --color-text-gray-blue: #7A8C99;
  --color-text-yellow-soft-2: #f3e378;
  --color-text-deep-blue: #0a2252;
  --color-bg-gray-pale: #c5cece;
  --color-text-blue-soft: #bac9f3;

  --color-text-primary: #D7D7D7;
  --color-text-accent: #FFD600;
  --color-text-warning: #FF2E2E;
  --color-text-title: var(--color-text-primary);
  --color-text-subtle: #73788E;

  --color-border-rcinfo: #11384f;
  --color-border-rcmenu: #11374d;

  --color-bg-main: #2B2B32;
  --color-bg-light: var(--color-rebate-bg);
  --color-bg-hover: #3A3B45;
  --color-bg-gradient: linear-gradient(180deg, #C8A189 0%, #A98069 100%);
  --color-bg-gradient-hover: linear-gradient(90deg, rgba(215, 164, 134, 0.6) 0%, rgba(215, 164, 134, 0) 100%);
  --color-gradient-rainbow-loop: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  --color-bg-deep: #040E30;
  --color-border-tablewin: #5A6061;
  --color-text-tablewin: #B8B8B8;
  --color-text-tablewin-first: #DBB278;

  --color-border-main: rgba(125, 93, 79, 0.3);
  --color-border-light: rgba(255, 214, 0, 0.2);

  --shadow-soft: 0px 0px 6px rgba(254, 206, 49, 0.2);
  --shadow-strong: 0px 0px 4px rgba(255, 255, 255, 0.6);
  --shadow-inner: inset 0px 0px 1px rgba(253, 178, 119, 0.6);

  --color-blue-primary: #0071e3;
  --color-bg-button-primary: #03607c;
  --color-bg-button-warning: #faad14;

  --color-btn-login-grad: linear-gradient(135deg, #c7977c, #ad7a62);
  --color-text-gray-darker: #5F5F62;
  --color-bg-input-dark: #212121;
  --color-border-medium: #555555;
  --color-border-warning: #FF8607;
  --color-bg-headmenu-brown: #A87266;
  --color-border-col2-gradient: rgba(172, 131, 108, 0.2);
  --color-bg-col2-grad-start: #5a403d;
  --color-bg-col2-grad-end: #2c2e36;
  --color-bg-game-block: #43465C;

  --color-btn-login-text: hsl(60deg 33% 99%);
  --color-gradient-logo-start: hsl(340deg 100% 52%);
  --color-gradient-logo-end: hsl(350deg 100% 71%);
  --color-value-banking-text: hsl(24deg 3% 36%);

  --color-line-header-border: #737374;
  --color-bg-white: var(--color-text-primary);
  --color-text-gray-light: #a3b1ba;
  --color-link-hover-orange: #f78212;

  --color-bg-header-menu-game: #051621;
  --color-btn-join-now: linear-gradient(to right, rgba(248, 236, 127, 1) 0%, rgba(201, 158, 66, 1) 100%);
  --color-bg-gradient-cyan: linear-gradient(90deg, #0781B0 0%, #04A8BF 78.94%);
  --color-bg-black: #000000;
  --color-text-blue-gray-2: #768A97;
  --color-text-blue-gray-3: #8A9BA6;

  --color-bg-totalplay-wrapper: #dfdfdf;
  --color-text-orange: #ff8202;

  --color-bg-testimonial-wrapper: #f3f5f6;
  --color-dot-background: #c4c4c4;
  --color-border-line: #b2bdc3;

  --color-bg-slideshow-badge: #0131a0;

  --color-text-label-muted: #80929e;
  --color-link-hover-orange: #ff7e00;
  --color-text-dark-green: #194100;
  --color-border-pmbox-divider: #4b5041;

  --color-login-disabled-text: rgba(0, 0, 0, 0.25);
  --color-login-disabled-border: #d9d9d9;
  --color-text-link-white: white;
  --color-text-error: red;
  --color-text-7day-highlight: #AC836C;

  --color-fab-bg: #1f2a44;
  --color-box-shadow-fab: rgba(0, 0, 0, 0.2);
  --color-popup-bg: var(--color-text-primary); 
  --color-popup-shadow: rgba(0, 0, 0, 0.18);
  --color-bubble-me: #e7f1ff;
  --color-bubble-agent: #f2f3f5;
  --color-divider-light: #eee; 
  --color-filebtn-bg: #f0f2f7;
  --color-input-border: #ddd;
  --color-btn-send-bg: #2563eb;
  --color-attach-border: #e5e7eb;
  --color-attach-bg: #f9fafb;
  --color-attach-note: #6b7280;
  --color-clear-btn-bg: #e5e7eb;
  --color-chat-btn-bg: #2c2f48;
  --color-chat-link: #2563eb;
  --color-text-black-strong: black;
  --color-bg-promo-dark: #000104;
  --color-border-yellow-soft-3: #f3e278;
  --color-bg-midnight-blue: #0f202d;
  --color-text-link-blue-soft: #3686c9;
  --color-bg-navy-muted: #152d41;

  --color-slider-arrow: var(--color-text-primary);
  --color-slider-dot: #000000;
  --opacity-slider-disabled: 0.25;
  --opacity-slider-active: 0.75;
  --color-scrollbar-thumb-promo: #08273f;
  --color-bg-payout-td: #0c293b;
  --color-bg-pmtnc-wrap: #061c2a;
  --color-text-lightest: #f8f8f8;
  --color-text-teal-soft: #a8dadc;
  --color-bg-orange-soft: #f4a261;
  --color-bg-deep-navy: #142a3b;
  --color-bg-steelblue-dark: #1f4068;
  --color-bg-gold-warm: #ffbe0b;
  --color-bg-blue-night: #1b263b;
  --color-text-gray-muted: #5a6c77;
  --color-text-black-soft: #131313;
  --color-bg-deepsteel: #063252;
  --color-text-bluegray-medium: #789ca8;
  --color-gold-soft: #dec672;
  --color-status-success-bg: #49d166;
  --color-status-fail-bg: #f05f5f;
  --color-border-pfcol: #17405f;
  --color-bg-crypto-input: #224d6e;

  --color-tab-active-border: #b67866;
  --color-tab-text-white: var(--color-text-primary);
  --color-tab-blue-text: #68abf9;
  --color-input-login-bg: #34393c;
  --color-icon-orange-gradient: #ffba9e;
  --color-bg-payment-icon: #c16c53;
  --color-bg-dark-cyan: #264653;
  --color-border-yellow-soft-2: #ffecab;
  --color-gradient-gold-bottom: linear-gradient(to bottom, #f4d03f, #d4ac0d);
  --color-gradient-deposit-assistant: linear-gradient(-180deg, #ce7a62 4%, #e59870);
  --color-gradient-gold-bright: linear-gradient(to bottom, #ffdf4b, #d4ac0d);

  --color-gradient-gold-reverse: linear-gradient(to left, rgba(218, 149, 74, 1) 0%, rgba(255, 236, 173, 1) 100%);

  --color-text-to-top: #9b9b9b;
  --color-to-top-icon: #686868;
  --color-tool-bg: #434554;
  --color-tool-icon: #f6a382;
  --color-tool-phone: #d1a581;
  --color-close-border: #e6e6e6;
  --color-text-gray-medium-dark: #666666;
  --color-gradient-bg-orange-soft: linear-gradient(135deg, #c7977c, #ad7a62);
  --color-btn-withdraw-bg-hsl: hsl(359deg 95% 42%);
  --color-shadow-btn-dark: rgba(26, 26, 26, 0.23);
  --color-signout-text-shadow: rgba(255, 255, 255, 0.5);
  --color-signout-bg-gradient: linear-gradient(180deg, rgba(200, 161, 137, 0.2) 0%, rgba(169, 128, 105, 0.2) 100%);
  --color-signout-border: rgba(255, 214, 0, 0.2);
  --color-border-input-soft: rgba(200, 161, 137, 0.2);
  --color-border-sb-item: #343437;
  --color-bg-most2: #7E593E;
  --color-bg-most2-after: linear-gradient(139.38deg, rgba(99, 85, 255, 0.4) -4.27%, rgba(149, 84, 255, 0) 68.89%);
  --color-bg-most3-after: linear-gradient(166.27deg, #363A5E -4.45%, #9E704F 82.02%);
  --color-bg-most4: #432C2C;
  --color-bg-most4-after: linear-gradient(139.21deg, rgba(255, 184, 0, 0.38) -38.05%, rgba(149, 84, 255, 0.17) 95.07%);
  --color-bg-most5-after: linear-gradient(173.73deg, #363A5E -15.33%, #896557 88.22%);
  --color-bg-most6: #333648;
  --color-bg-most6-after: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 15%, #996e2e 103%);
  --color-bg-most7-after: linear-gradient(253.55deg, rgba(255, 255, 255, 0.28) -11.3%, #3b3e63 156.59%);
  --color-bg-most8-after: linear-gradient(180deg, rgba(255, 255, 255, 0.21) 16%, #3a3c67 118%);
  --color-spline-default: linear-gradient(to bottom, rgba(255, 236, 173, 1) 0%, rgba(218, 149, 74, 1) 100%);
  --color-spline-active: linear-gradient(to bottom, rgba(6, 32, 51, 1) 0%, rgba(4, 23, 38, 1) 100%);

  --color-bg-dark-gray-333: #333;
  --color-text-base: #191919;
  --color-bg-backtotop: #546975;
  --color-social-bg: #141e37;
  --color-social-border: #1d2945;
  --color-bg-yellow-soft: #f3cd68;
  --color-bg-dark-overlay: rgba(11, 27, 39, 0.8);

  --font-size-xs: 11px;
  --padding-btn-xs: 6px 4px;
}