[data-theme="type2"] {
  /* =========================================
     1. Common Settings & Fonts
     ========================================= */
  /* Fonts skipped as per request */

  /* =========================================
     2. Dark Mode (Default)
     Based on Figma '1920w dark' Analysis
     ========================================= */

  /* Base Colors (Dark) */
  --background: #000000; /* source: Framelink 2030:4767 fill_XKZHTY */
  --foreground: #fff; /* Primary Text */

  /* Brand Colors (Common) */
  --primary: #96ff43; /* source: Framelink 2030:5036 fill_NFPADT */
  --primary-foreground: #000000; /* source: Framelink 2030:5037 fill_TAXS9B */
  --primary-hover: #a9da2b; /* source: Framelink 2030:5072 fill_9GSZDP gradient middle */
  --primary-gradient-from: #67b628; /* source: Framelink 2030:5072 fill_9GSZDP gradient start/end */
  --primary-gradient-to: #a9da2b; /* source: Framelink 2030:5072 fill_9GSZDP gradient middle */
  --primary-shadow: 0px 0px 12px 0px rgba(150, 255, 67, 0.3); /* source: Framelink 2030:5036 fill_NFPADT */
  --primary-inset-shadow: inset 0px -2px 0px 0px #67b628; /* source: Framelink 2030:5072 fill_9GSZDP gradient start/end */

  /* Status Colors (Common) */
  --destructive: #cd0514; /* source: Framelink 2030:5300 fill_9NKPXP */
  --destructive-hover: #90040e; /* source: Framelink 2030:5377 fill_L7L8OK */
  --success-gradient-from: #67b628;
  --success-gradient-to: #a9da2b;
  --error: #ff5252;

  /* Form Components (Dark) */
  --input-bg: #22232f; /* Bg-Layer2 (Inputs) */
  --input-border: #333544; /* Bg-Layer3 (Borders) */
  --input-focus-border: #96ff43; /* source: Framelink 2030:5114 fill_P77TR3 + 2030:5120 fill_XTXLMD */
  --input-text: #ffffff;
  --input-placeholder: rgba(255, 255, 255, 0.58); /* Text-Disabled */
  --input-disabled-bg: #22232f;
  --input-disabled-text: #9097a3;

  --checkbox-bg: #000000; /* source: Framelink 2030:4767 fill_XKZHTY */
  --checkbox-border: #555555;
  --checkbox-checked-bg: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --checkbox-checked-border: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */

  /* Table Colors (Dark) */
  --table-header-bg: #222535; /* source: Framelink 2030:5195 fill_ICWVKD */
  --table-header-text: #ffffff;
  --table-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */
  --table-row-hover: rgba(255, 255, 255, 0.05);
  --table-row-even: rgba(255, 255, 255, 0.02);

  /* DatePicker Specific (Dark) */
  --datepicker-bg: #423447;
  --datepicker-text: #e2e2e2;
  --datepicker-label: #c6abd1; /* Text-Secondary */
  --datepicker-label-error: #49b3ff;

  /* UI Elements (Dark) */
  --card-bg: #222535; /* source: Framelink 2030:5195 fill_ICWVKD */
  --card-border: #4d4d4d; /* source: Framelink 2030:4804 fill_F8Z28K */
  --muted-foreground: rgba(255, 255, 255, 0.6); /* source: Framelink 2030:5029 fill_58CLOO */
  --border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */
  --ring: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */

  /* Dialog (Dark) */
  --dialog-bg: #141621;
  --dialog-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */
  --dialog-text: #f1f3f7;

  /* Main Page (Dark) */
  --main-quickmenu-bg: #483324;
  --main-quickmenu-gradient-from: #cd0514; /* source: Framelink 2030:4784 fill_B2VA8G */
  --main-quickmenu-gradient-via: #67030a; /* source: Framelink 2030:4784 fill_B2VA8G */
  --main-quickmenu-gradient-to: #483324; /* source: Framelink 2030:4787 fill_6Q2UO5 */
  --main-quickmenu-deposit-bg:
    linear-gradient(
      180deg,
      rgba(4, 107, 189, 1) 0%,
      rgba(4, 189, 164, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(205, 5, 20, 1) 0%,
      rgba(103, 3, 10, 1) 100%
    ); /* source: Framelink 2030:4784 fill_SU13TU */
  --main-quickmenu-withdraw-bg:
    linear-gradient(
      180deg,
      rgba(4, 107, 189, 1) 0%,
      rgba(4, 189, 164, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(72, 51, 36, 1) 0%,
      rgba(174, 123, 86, 1) 100%
    ); /* source: Framelink 2030:4787 fill_3AVPGD */
  --main-quickmenu-default-bg:
    linear-gradient(
      180deg,
      rgba(205, 5, 20, 1) 0%,
      rgba(103, 3, 10, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(72, 51, 36, 1) 0%,
      rgba(174, 123, 86, 1) 100%
    ); /* source: Framelink 2030:4790/4793/4796/4799 fill_BM6C0F */

  --main-game-card-bg: #23252e; /* Game Cards */
  --main-game-card-border: #4d4d4d;
  --main-game-overlay-from: rgba(96, 0, 7, 0); /* source: Framelink 2030:4807 fill_SS49AY */
  --main-game-overlay-to: rgba(205, 5, 20, 1); /* source: Framelink 2030:4807 fill_SS49AY */
  --main-game-title-shadow: 0px 0px 20px rgba(0, 0, 0, 1);

  --main-provider-bg: #0b0e17;
  /* Game provider action banners — source: Figma 48:5963 */
  --game-provider-action-banner-bg:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 342.5 70' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.699999988079071'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.5471e-14 5.6875 -27.238 0.000039217 171.25 -4.375)'%3E%3Cstop stop-color='rgba(200,132,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(156,80,204,0)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"),
    linear-gradient(90deg, #1c1424 0%, #1c1424 100%);
  --game-provider-action-banner-bg-soft:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 342.5 70' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.5'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.5471e-14 5.6875 -27.238 0.000039217 171.25 -4.375)'%3E%3Cstop stop-color='rgba(200,132,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(156,80,204,0)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"),
    linear-gradient(90deg, #1c1424 0%, #1c1424 100%);
  --game-provider-action-banner-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  --game-provider-action-banner-title: #cf93ff;
  --game-provider-action-banner-telegram: #29aaed;
  --game-provider-action-banner-title-base: #b8c1ff;
  --game-provider-action-banner-link: #ffffff;
  --game-provider-action-banner-title-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --game-provider-action-banner-link-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  --game-provider-action-banner-bg-size: 100% 100%, 100% 100%;
  --game-provider-action-banner-bg-position: center top, center;

  /* Notice */
  --notice-overlay: rgba(0, 0, 0, 0.6);

  /* Event Card */
  --event-card-overlay-hover: rgba(0, 0, 0, 0.2);
  --event-card-gradient-from: rgba(0, 0, 0, 1);
  --event-card-gradient-via: rgba(0, 0, 0, 0.8);
  --event-card-gradient-to: rgba(0, 0, 0, 0);

  /* Inquiry */
  --inquiry-overlay: rgba(0, 0, 0, 0.6);
  --inquiry-primary: var(--primary); /* source: Framelink 2030:5120 fill_XTXLMD */
  --inquiry-primary-foreground: var(--primary-foreground); /* source: Framelink 2030:5121 fill_1VJWS9 */
  --inquiry-muted: #9ca1c2; /* source: Framelink 2030:5127 fill_AFOCAG */
  --inquiry-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */

  /* Inquiry Status Neon Badges (Dark) */
  --inquiry-status-unanswered: #ff4d6a; /* 네온 핑크-레드 */
  --inquiry-status-unanswered-bg: rgba(255, 77, 106, 0.12);
  --inquiry-status-unanswered-glow: 0 0 8px rgba(255, 77, 106, 0.6);
  --inquiry-status-answered: #00e5ff; /* 네온 시안 */
  --inquiry-status-answered-bg: rgba(0, 229, 255, 0.12);
  --inquiry-status-answered-glow: 0 0 8px rgba(0, 229, 255, 0.6);
  --inquiry-status-confirmed: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --inquiry-status-confirmed-bg: rgba(150, 255, 67, 0.12); /* source: Framelink 2030:5120 fill_XTXLMD */
  --inquiry-status-confirmed-glow: 0 0 8px rgba(150, 255, 67, 0.6); /* source: Framelink 2030:5120 fill_XTXLMD */

  /* Message */
  --message-overlay: rgba(0, 0, 0, 0.6);
  --message-primary: var(--primary); /* source: Framelink 2030:5120 fill_XTXLMD */
  --message-primary-foreground: var(--primary-foreground); /* source: Framelink 2030:5121 fill_1VJWS9 */
  --message-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */

  /* MyPage */
  --mypage-primary: var(--primary); /* source: Framelink 2030:5120 fill_XTXLMD */
  --mypage-primary-foreground: var(--primary-foreground); /* source: Framelink 2030:5121 fill_1VJWS9 */
  --mypage-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */
  --mypage-section-bg: #222535; /* source: Framelink 2030:5195 fill_ICWVKD */

  /* Common Radius */
  --radius: 4px;

  /* Main Surfaces (Dark) */
  --main-surface-1: #323738;
  --main-surface-2: #3a4142;
  --main-surface-3: #353c3d;
  --main-overlay-weak: rgba(0, 0, 0, 0.1);
  --main-icon-bg: rgba(255, 255, 255, 0.08);
  --main-icon-border: rgba(255, 255, 255, 0.1);
  --glass-bg: rgba(255, 255, 255, 0.048);
  --glass-border: rgba(255, 255, 255, 0.1);

  /* Quick Menu Gradients (Dark) */
  --quickmenu-hero1-gradient:
    linear-gradient(270deg, #2c5040 0%, rgba(44, 80, 64, 0) 75%), #323738;
  --quickmenu-hero1-accent: #5ff0d3;

  --quickmenu-hero2-gradient:
    linear-gradient(270deg, #582e59 0%, rgba(88, 46, 89, 0) 75%), #323738;
  --quickmenu-hero2-accent: #cfa5e6;

  --quickmenu-slot-gradient:
    linear-gradient(
      270deg,
      rgba(39, 232, 187, 0.2) 0%,
      rgba(39, 232, 187, 0) 75%
    ),
    #323738;
  --quickmenu-slot-accent: #5ff0d3;

  --quickmenu-popular-gradient:
    linear-gradient(270deg, #504130 0%, rgba(80, 65, 48, 0) 75%), #323738;
  --quickmenu-popular-accent: #ffd477;

  --quickmenu-recent-gradient:
    linear-gradient(270deg, #425330 0%, rgba(66, 83, 48, 0) 75%), #323738;
  --quickmenu-recent-accent: #d4f7cc;

  /* Main Carousel (Dark) */
  --main-carousel-card-bg: linear-gradient(180deg, #3c3f43 0%, #1f2023 100%);
  --main-carousel-overlay: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0.4) 100%
  );
  --market-card-bg: #17181b;
  --market-card-border: rgba(155, 155, 155, 0.2);
  --market-card-header-bg: rgba(0, 0, 0, 0.5);
  --market-card-header-border: rgba(150, 255, 67, 0.2); /* source: Framelink 2030:5120 fill_XTXLMD */
  --market-card-header-border-gradient: linear-gradient(
    90deg,
    rgba(150, 255, 67, 0.2) 0%,
    rgba(150, 255, 67, 1) 50%,
    rgba(150, 255, 67, 0.2) 100%
  );
  --market-card-header-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  --market-card-header-ellipse: radial-gradient(
    84% 140% at 50% 100%,
    rgba(150, 255, 67, 0.28) 0%,
    rgba(150, 255, 67, 0.16) 36%,
    rgba(150, 255, 67, 0) 74%
  );
  /* source: Framelink 2030:5120 fill_XTXLMD */
  --market-card-header-ellipse-color: rgba(150, 255, 67, 0.5);
  --market-card-overlay: linear-gradient(
    180deg,
    rgba(49, 49, 49, 0.5) 6%,
    rgba(38, 53, 34, 0.5) 60%
  );
  --market-card-button-bg: rgba(0, 0, 0, 0.3);
  --market-card-region: #8f8f8f;
  --market-card-label: #bababa;

  /* Top Menu (Dark) */
  --topmenu-bg: #cd0514; /* source: Framelink 2030:5300 fill_9NKPXP */
  --topmenu-accent: #ffec5b; /* source: Framelink 2030:5304/5308 fill_HH50IP */
  --topmenu-balance-border: #ff8a00; /* source: user requested orange border */
  --topmenu-logout-bg: #90040e; /* source: Framelink 2030:5377 fill_FB4V6V */
  --topmenu-level-text: #ff989a; /* source: Framelink 2030:5368 fill_1ZPXK9 */
  --topmenu-badge-bg: #ff1a1a; /* source: Figma variable Red/400 */
  --topmenu-button-bg: rgba(255, 255, 255, 0.2); /* Bg-Layer3 */
  --topmenu-button-hover: rgba(255, 255, 255, 0.3);

  /* Layout Colors (Dark) */
  --header-bg: #cd0514; /* source: Framelink 2030:5300 fill_9NKPXP */
  --header-bg-md: #650101; /* source: Framelink 2030:5379 fill_NGC2PH */
  --header-glass-bg: rgba(41, 45, 46, 0.8);
  --header-border: #ff7272; /* source: Framelink 2030:5350 fill_AI0KG5 */
  --header-nav-border: #90040e; /* source: Framelink 2030:5377 fill_L7L8OK */
  --header-mobile-user-bg: transparent;
  --header-mobile-user-cell-bg: rgba(0, 0, 0, 0.25);
  --header-mobile-user-divider: rgba(255, 255, 255, 0.35);
  --header-glass-shadow:
    0px 12px 32px 0px rgba(0, 0, 0, 0.22),
    inset 0px 1px 0px rgba(255, 255, 255, 0.04);
  --header-ellipse: radial-gradient(
    50% 140% at 50% 0%,
    rgba(255, 114, 114, 0.28) 0%,
    rgba(205, 5, 20, 0.16) 34%,
    rgba(205, 5, 20, 0) 74%
  );
  --header-overlay: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0) 68%
  );
  --header-balance-pill-bg: rgba(0, 0, 0, 0.7);
  --header-balance-pill-hover-bg: rgba(0, 0, 0, 0.82);
  --header-balance-pill-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  --header-balance-pill-currency: rgba(255, 255, 255, 0.5);
  --header-level-button-bg:
    linear-gradient(
      180deg,
      rgba(255, 114, 114, 0.16) 0%,
      rgba(144, 4, 14, 0.08) 100%
    ),
    rgba(0, 0, 0, 0.62); /* source: Framelink 2030:5350 fill_AI0KG5 + 2030:5377 fill_L7L8OK */
  --header-level-button-hover-bg:
    linear-gradient(
      180deg,
      rgba(255, 114, 114, 0.24) 0%,
      rgba(144, 4, 14, 0.14) 100%
    ),
    rgba(0, 0, 0, 0.74); /* source: Framelink 2030:5350 fill_AI0KG5 + 2030:5377 fill_L7L8OK */
  --header-user-pill-bg:
    linear-gradient(
      135deg,
      rgba(255, 114, 114, 0.28) 0%,
      rgba(205, 5, 20, 0.18) 52%,
      rgba(255, 255, 255, 0.06) 100%
    ),
    rgba(30, 33, 33, 0.82);
  --header-user-pill-text: #ff989a; /* source: Framelink 2030:5368 fill_WNHUMM */
  --header-user-pill-shadow:
    0px 0px 18px 0px rgba(205, 5, 20, 0.16),
    inset 0px 1px 0px rgba(255, 255, 255, 0.06);
  --header-balance-icon-shadow: 0px 0px 14px 0px rgba(255, 114, 114, 0.28); /* source: Framelink 2030:5350 fill_AI0KG5 */
  --header-balance-dialog-bg: rgba(23, 24, 27, 0.92);
  --header-balance-dialog-border: #ff7272; /* source: Framelink 2030:5350 fill_AI0KG5 */
  --header-balance-dialog-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 1);
  --header-balance-dialog-secondary-button-bg: rgba(0, 0, 0, 0.3);
  --header-telegram-button-bg: #0088cc;
  --header-telegram-button-hover-bg: #006fa6;
  --header-telegram-button-shadow: 0px 0px 20px 0px rgba(47, 186, 255, 0.28);
  --header-tether-button-bg:
    linear-gradient(
      135deg,
      rgba(255, 114, 114, 0.24) 0%,
      rgba(144, 4, 14, 0.12) 58%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    rgba(30, 33, 33, 0.84);
  --header-tether-button-hover-bg:
    linear-gradient(
      135deg,
      rgba(255, 114, 114, 0.3) 0%,
      rgba(144, 4, 14, 0.18) 58%,
      rgba(255, 255, 255, 0.08) 100%
    ),
    rgba(30, 33, 33, 0.92);
  --header-tether-button-border: rgba(255, 114, 114, 0.28); /* source: Framelink 2030:5350 fill_AI0KG5 */
  --header-tether-button-text: #e8ffe5;
  --header-tether-button-shadow:
    0px 10px 24px 0px rgba(205, 5, 20, 0.12),
    inset 0px 1px 0px rgba(255, 255, 255, 0.08);
  --header-tether-button-hover-shadow:
    0px 14px 28px 0px rgba(205, 5, 20, 0.18),
    inset 0px 1px 0px rgba(255, 255, 255, 0.12);

  --sidebar-bg: #000000; /* source: Framelink 2030:4767 fill_XKZHTY */
  --sidebar-tab-bg: #141621;
  --sidebar-tab-hover: #222535; /* source: Framelink 2030:5195 fill_ICWVKD */
  --sidebar-user-name: #8bd2b2; /* source: Framelink 2028:4221 fill_6OAPZI */
  --sidebar-user-label: #9ca1c2; /* source: Framelink 2028:4225/4229 fill_TFVBG6 */
  --sidebar-user-money: #d1ff05; /* source: Framelink 2028:4226 fill_OUCFSN */
  --sidebar-user-action-bg: #24272e; /* source: Framelink 2028:4222/4230 fill_83W3PI */
  --sidebar-user-action-border: #343a45; /* source: Framelink 2028:4222/4230 fill_PGSSRT */
  --sidebar-user-action-text: #d98b0d; /* source: Framelink 2028:4223/4231 fill_QFX2IQ */
  --sidebar-sports-tab-active-bg: #d1ff05; /* source: Framelink 2028:4243 fill_T5BSXP */
  --sidebar-sports-tab-active-text: #000000; /* source: Framelink 2028:4244 fill_YTRVLH */
  --sidebar-sports-tab-inactive-text: #98bbdd; /* source: Framelink 2028:4246/4248 fill_SDFY8Q */
  --sidebar-sport-row-bg: #24272e; /* source: Framelink 2028:4255 fill_6GT7YG */
  --sidebar-sport-text: #c5d3ff; /* source: Framelink 2028:4259/4261 fill_2PP0PI */
  --sidebar-sport-count-bg: #36477a; /* source: Framelink 2028:4260 fill_P948N5 */

  --content-bg: #141621;
  --content-section-bg: #222535; /* source: Framelink 2030:5195 fill_ICWVKD */
  --content-border: #333544; /* source: Framelink 2030:5114 fill_SE12OM */

  /* Text Colors (Dark) */
  --text-primary: #ffffff;
  --text-secondary: #9ca1c2; /* source: Framelink 2030:5127 fill_AFOCAG */
  --text-accent: #fff52f; /* VIP Gold / Warning */
  --text-danger: #ff5252;

  /* Pagination (Dark) */
  --pagination-text: #9ca1c2; /* source: Framelink 2030:5127 fill_AFOCAG */
  --pagination-active-bg: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --pagination-active-text: #000000; /* source: Framelink 2030:5121 fill_1VJWS9 */
  --pagination-hover-bg: rgba(255, 255, 255, 0.08);

  /* Scrollbar (Dark) */
  --scrollbar-size: 8px;
  --scrollbar-radius: 8px;
  --scrollbar-track: rgba(0, 0, 0, 0.08);
  --scrollbar-thumb: rgba(0, 0, 0, 0.35);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);

  /* Betting Components (only unique values not covered by existing vars) */
  --betting-button-bg: #96ff43; /* source: Framelink 2030:5036 fill_NFPADT */
  --betting-button-hover: #a9da2b; /* source: Framelink 2030:5072 fill_9GSZDP gradient middle */
  --betting-text-highlight: #ffc92f; /* source: Framelink 2030:5055 fill_C380IO */
  --betting-text-label: #617aa2;

  /* Bonus Selector */
  --bonus-btn-inactive-bg: #304038;
  --bonus-btn-active-sub-label: #1d7046;

  /* Odds Direction */
  --odds-up: #ff4d4f;
  --odds-down: #2d6bff;
  --odds-neutral: #a0aec0;
  --odds-indicator-down: #2469ff;
  --odds-indicator-icon: #1e2121;

  /* Options Panel */
  --options-tab-inactive-border: #6f6f6f; /* 카테고리 탭 비활성 테두리 */
  --options-tab-active-gradient: linear-gradient(
    90deg,
    rgba(103, 182, 40, 1) 0%,
    rgba(169, 218, 43, 1) 39%,
    rgba(103, 182, 40, 1) 100%
  ); /* source: Framelink 2030:5072 fill_9GSZDP */
  --options-selection-team: #d0dfe3; /* 셀렉션 버튼 팀명 텍스트 */
  --handicap-positive: #ff4949; /* 핸디캡 양수값 색상 */
  --handicap-negative: #48d7ff; /* 핸디캡 음수값 색상 */
  --options-match-vs: #ffff17; /* 매치 헤더 VS 텍스트 */
  --options-header-glow: radial-gradient(
    ellipse 100% 80% at 50% 0%,
    rgba(150, 255, 67, 0.15) 0%,
    rgba(150, 255, 67, 0.06) 40%,
    rgba(150, 255, 67, 0) 100%
  ); /* source: Framelink 2030:5120 fill_XTXLMD */
  --options-header-badge-text: #d5d5d5; /* 스포츠 배지 텍스트 */
  --options-header-divider: #3b474a; /* 매치 헤더 구분선 */
  --options-header-competition: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --options-market-count-active: #3cfff5; /* 마켓 카운트 버튼 활성 색상 */
  --sports-score-panel-overlay: linear-gradient(
    180deg,
    rgba(112, 5, 11, 0.08) 0%,
    rgba(181, 3, 6, 0.24) 100%
  );
  --sports-score-panel-bottom-overlay: linear-gradient(
    180deg,
    rgba(181, 3, 6, 0) 34%,
    rgba(108, 13, 18, 0.42) 100%
  );
  --sports-score-panel-border: rgba(255, 255, 255, 0.28);
  --sports-score-panel-cell-bg: rgba(255, 255, 255, 0.2);
  --sports-score-panel-cell-border: rgba(255, 255, 255, 0.2);
  --sports-score-panel-badge-bg: rgba(30, 54, 70, 0.46);
  --sports-score-panel-badge-border: rgba(214, 232, 244, 0.22);
  --sports-score-panel-badge-shadow:
    0px 14px 30px 0px rgba(5, 11, 16, 0.26),
    inset 0px 1px 0px rgba(255, 255, 255, 0.16);
  --sports-score-panel-badge-text: #f4fbff;
  --sports-score-panel-chip-bg: rgba(21, 39, 51, 0.34);
  --sports-score-panel-chip-border: rgba(214, 232, 244, 0.18);
  --sports-score-panel-chip-shadow:
    0px 14px 32px 0px rgba(4, 9, 14, 0.24),
    inset 0px 1px 0px rgba(255, 255, 255, 0.14);
  --sports-score-panel-chip-label: #c4d7e2;
  --sports-score-panel-chip-value: #ffffff;
  --sports-score-panel-score-text: #ffffff;
  --sports-score-panel-label-text: #ffffff;
  --sports-score-panel-card-icon-border: rgba(14, 22, 29, 0.38);
  --sports-score-panel-card-icon-shadow: 0px 6px 14px 0px rgba(3, 7, 11, 0.28);
  --sports-score-panel-yellow-card: #f5dc4a;
  --sports-score-panel-red-card: #d73b41;
  --sports-score-panel-indicator-active: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --sports-score-panel-indicator-border: rgba(214, 232, 244, 0.26);

  /* Banner */
  --banner-accent: #2fbaff;

  /* Signup/Auth */
  --auth-step-complete: #79d324;
  --auth-step-active: #6c2da6;
  --auth-step-active-ring: rgba(108, 45, 166, 0.3);

  /* Games (only unique values) */
  --games-active: #ff4d4d;
  --games-filter-shell-bg: linear-gradient(
    180deg,
    color-mix(in srgb, var(--content-bg) 96%, transparent) 0%,
    color-mix(in srgb, var(--content-bg) 86%, transparent) 76%,
    color-mix(in srgb, var(--content-bg) 0%, transparent) 100%
  );
  --games-filter-shell-border: color-mix(
    in srgb,
    var(--text-primary) 5%,
    transparent
  );
  --games-filter-tab-active-bg: color-mix(
    in srgb,
    var(--primary) 5%,
    transparent
  );
  --games-filter-tab-active-border: var(--primary);
  --games-filter-tab-active-text: var(--primary);
  --games-filter-tab-active-shadow:
    0px 0px 30px 0px color-mix(in srgb, var(--primary) 10%, transparent),
    inset 0px 0px 20px 0px color-mix(in srgb, var(--primary) 10%, transparent);
  --games-filter-tab-bg: color-mix(in srgb, var(--background) 10%, transparent);
  --games-filter-tab-border: color-mix(
    in srgb,
    var(--text-primary) 30%,
    transparent
  );
  --games-filter-tab-hover-border: color-mix(
    in srgb,
    var(--primary) 45%,
    var(--text-primary)
  );
  --games-filter-tab-text: color-mix(
    in srgb,
    var(--text-primary) 50%,
    transparent
  );
  --games-filter-tab-shadow: 0px 0px 20px 0px
    color-mix(in srgb, var(--background) 50%, transparent);
  --games-filter-input-bg: var(--input-bg);
  --games-filter-input-border: var(--input-border);
  --games-filter-input-text: var(--input-text);
  --games-filter-input-placeholder: var(--input-placeholder);
  --games-filter-input-icon: var(--input-placeholder);
  --games-filter-input-shadow: 0px 0px 20px 0px
    color-mix(in srgb, var(--background) 40%, transparent);
  --games-filter-input-focus-shadow: 0px 0px 24px 0px
    color-mix(in srgb, var(--primary) 18%, transparent);

  /* Sidebar */
  --sidebar-badge-bg: #353b46;

  /* Sidebar Banner Brand Colors */
  --sidebar-banner-pragmatic-text: #f9d9bd;
  --sidebar-banner-pragmatic-accent: #f7941e;
  --sidebar-banner-dot-text: #03f682;
  --sidebar-banner-dot-accent: #def3e0;

  /* Icons */
  --icon-user-online: #a3e635;

  /* Casino Icons */
  --casino-icon-stroke: #ff3b3b;
  --casino-icon-gradient-start: #ff6b6b;
  --casino-icon-gradient-mid: #ff2222;
  --casino-icon-gradient-end: #d10000;

  /* Event Card Colors */
  --event-signup: #ffe5cc;
  --event-deposit: #e5f3ff;
  --event-attendance: #e5ffe5;
  --event-referral: #ffe5f3;
  --event-casino: #f3e5ff;
  --event-sports: #ffffe5;
  --event-vip: #ffe5e5;
  --event-slot: #e5ffff;
  --event-loyalty: #f0ffe5;
  --event-birthday: #ffe5f0;
  --event-cashback: #e5f0ff;
  --event-special: #ffe5b3;
  --event-mobile: #b3ffe5;
  --event-live: #e5b3ff;
  --event-lottery: #ffb3e5;
  --event-tutorial: #b3e5ff;
  --event-login: #ffffb3;
  --event-seasonal: #ffb3b3;
  --event-levelup: #b3ffb3;
  --event-survey: #b3b3ff;
  --event-default: #d9d9d9;
  --event-text: #333544; /* source: Framelink 2030:5114 fill_SE12OM */

  /* Toast Colors */
  --toast-icon-bg: #1a1f2e;
  --toast-success-from: #22c55e;
  --toast-success-to: #4ade80;
  --toast-warning-from: #f59e0b;
  --toast-warning-to: #fcd34d;
  --toast-info-from: #3b82f6;
  --toast-info-to: #60a5fa;
  --toast-muted-from: #6b7280;
  --toast-muted-to: #9ca3af;

  /* Coupon Card */
  --coupon-bg: #323738;
  --coupon-bg-disabled: #252828;
  --coupon-border: #464f50;
  --coupon-badge-bg: #464f50;
  --coupon-accent: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */

  /* Coupon Game Type Colors */
  --coupon-color-all: #464f50;
  --coupon-color-casino: #ffe074;
  --coupon-color-slot: #37acff;
  --coupon-color-sports: #70ff57;
  --coupon-color-minigame: #ff787a;

  /* Minigame Bet Colors */
  --bet-blue: #3b82f6;
  --bet-red: #ef4444;

  /* Sports Tab Colors (9-color cycle by display order) */
  --sport-tab-container-bg: #17181b;
  --sport-tab-container-border: #3c4041;
  --sport-tab-bg: #1e2121;
  --sport-tab-all-border: #3c4041;
  --sport-tab-count: #b3bec1;
  --sport-tab-label: #6b7475;
  --sport-tab-active-border: #67b628; /* source: Framelink 2030:5072 fill_9GSZDP */
  --sport-tab-active-text: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --sport-tab-active-shadow:
    0px 0px 10px 0px rgba(150, 255, 67, 0.3),
    inset 0px 0px 20px 0px rgba(150, 255, 67, 0.2);
  --sport-tab-color-1: #32d6ff;
  --sport-tab-color-2: #5479ff;
  --sport-tab-color-3: #a941ff;
  --sport-tab-color-4: #ff76df;
  --sport-tab-color-5: #ff5053;
  --sport-tab-color-6: #ffb14c;
  --sport-tab-color-7: #d5ff4c;
  --sport-tab-color-8: #4cff52;
  --sport-tab-color-9: #ffffff;

  /* Sports Filter Bar V2 Colors */
  --filter-v2-sort-active: #3cfff5;
  --filter-v2-sort-inactive: #a4a4a4;
  --filter-v2-search-bg: #303448;
  --filter-v2-search-placeholder: #8f8f8f;

  /* Sports Tab V2 Colors */
  --sport-tab-v2-wrap-bg: #222535;
  --sport-tab-v2-label: #9ca1c2;
  --sport-tab-v2-count: #9ca1c2;
  --sport-tab-v2-active-text: #ffffff;
  --sport-tab-v2-active-bg: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --sport-tab-v2-active-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  /* SubTitle Component */
  --subtitle-bar-color: rgba(43, 139, 69, 1);
  --subtitle-bar-glow: rgba(43, 139, 69, 0.4);
  --subtitle-watermark: #14301d;

  /* Sports Group Header */
  --sport-group-bg: #1e2121;
  --sport-group-bg-from: rgba(0, 0, 0, 1);
  --sport-group-bg-to: rgba(17, 17, 17, 1);
  --sport-group-border-from: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --sport-group-border-via: #0088ff;
  --sport-group-border-to: #96ff43; /* source: Framelink 2030:5120 fill_XTXLMD */
  --sport-group-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  --sport-group-radius: 5px;
  --sport-group-country: #fff264;
  --sport-group-league: #21b9ff;
  --sport-group-separator: #838383;
  --sport-group-badge-bg: #1f362c;
  --sport-group-badge-text: #24ee71;
  --sports-list-toolbar-active: #ffffff;
  --sports-list-toolbar-inactive: #767676;
  --sports-list-toolbar-accent: #3cfff5;
  --sports-list-shell-bg: #141621;
  --sports-list-shell-shadow: 0px 0px 10px 0px black;
  --sports-asian-group-bg: #262b2d;
  --sports-asian-group-text: #ffffff;
  --sports-asian-group-meta: #9aa2a4;
  --sports-asian-row-bg: #2d3234;
  --sports-asian-row-divider: #3c4243;
  --sports-asian-team-text: #ffffff;
  --sports-asian-center-text: #d7d7d7;
  --sports-asian-handicap-indicator: #eaff00;
  --sports-list-group-bg: #2d3250;
  --sports-list-group-border: #454f83;
  --sports-list-group-ellipse: none;
  --sports-list-group-label: #ffffff;
  --sports-list-row-divider: rgba(255, 255, 255, 0.1);
  --sports-list-row-meta: rgba(255, 255, 255, 0.5);
  --sports-list-row-cell-bg: #222535;
  --sports-list-row-cell-active-border: #358985;
  --sports-list-row-cell-active-bg: #358985;
  --sports-list-row-more-bg: #1c2224;
  --sports-list-row-icon-bg: #242b2d;
  --sports-list-row-icon-text: #dfe7ea;
  --sports-live-period-text: #3cfff5;
  --sports-live-score: #4dbbff;
  --sports-live-score-diff: #ffea00;
  --sports-selection-label: #657b66;
  --sports-asian-odds: #3cfff5;

  /* Util Sidebar (Dark) */
  --util-sidebar-group-active-from: #425559;
  --util-sidebar-group-active-to: #323738;
  --util-sidebar-subitem-from: #53686c;
  --util-sidebar-subitem-to: #323738;
  --util-sidebar-balance-bg: #393e3f;
  --util-sidebar-shadow: 0px 6px 0px 0px #304b29;
}

.quick-menu-item {
  background: var(
    --main-quickmenu-default-bg,
    linear-gradient(
      180deg,
      rgba(205, 5, 20, 1) 0%,
      rgba(103, 3, 10, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(72, 51, 36, 1) 0%,
      rgba(174, 123, 86, 1) 100%
    )
  ); /* source: Framelink 2030:4790/4793/4796/4799 fill_MSFSLJ */
  --quick-menu-image-x: 34.545%; /* source: Framelink 2030:4791 x=76 / item width=220 */
  --quick-menu-image-y: -20.833%; /* source: Framelink 2030:4791 y=-25 / item height=120 */
}

.quick-menu-item:nth-child(1) {
  background: var(
    --main-quickmenu-deposit-bg,
    linear-gradient(
      180deg,
      rgba(4, 107, 189, 1) 0%,
      rgba(4, 189, 164, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(205, 5, 20, 1) 0%,
      rgba(103, 3, 10, 1) 100%
    )
  ); /* source: Framelink 2030:4784 fill_XI0YAJ */
  --quick-menu-image-x: 35.909%; /* source: Framelink 2030:4785 x=79 / item width=220 */
  --quick-menu-image-y: -20%; /* source: Framelink 2030:4785 y=-24 / item height=120 */
}

.quick-menu-item:nth-child(2) {
  background: var(
    --main-quickmenu-withdraw-bg,
    linear-gradient(
      180deg,
      rgba(4, 107, 189, 1) 0%,
      rgba(4, 189, 164, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(72, 51, 36, 1) 0%,
      rgba(174, 123, 86, 1) 100%
    )
  ); /* source: Framelink 2030:4787 fill_INZFVC */
  --quick-menu-image-x: 35%; /* source: Framelink 2030:4788 x=77 / item width=220 */
  --quick-menu-image-y: -20%; /* source: Framelink 2030:4788 y=-24 / item height=120 */
}

.quick-menu-item:nth-child(3) {
  --quick-menu-image-x: 34.545%; /* source: Framelink 2030:4791 x=76 / item width=220 */
  --quick-menu-image-y: -20.833%; /* source: Framelink 2030:4791 y=-25 / item height=120 */
}

.quick-menu-item:nth-child(4) {
  --quick-menu-image-x: 40.455%; /* source: Framelink 2030:4794 x=89 / item width=220 */
  --quick-menu-image-y: -35.833%; /* source: Framelink 2030:4794 y=-43 / item height=120 */
}

.quick-menu-item:nth-child(5) {
  --quick-menu-image-x: 38.636%; /* source: Framelink 2030:4797 x=85 / item width=220 */
  --quick-menu-image-y: -25%; /* source: Framelink 2030:4797 y=-30 / item height=120 */
}

.quick-menu-item:nth-child(6) {
  --quick-menu-image-x: 40.909%; /* source: Framelink 2030:4801 x=90 / item width=220 */
  --quick-menu-image-y: -20.833%; /* source: Framelink 2030:4801 y=-25 / item height=120 */
}