[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: #232626; /* Main App Background */
  --foreground: #ffffff; /* Primary Text */

  /* Brand Colors (Common) */
  --primary: #24ee89; /* Brand Green (Logo, Links, Accents) */
  --primary-foreground: #000000; /* Text on Primary */
  --primary-hover: #4cd125; /* Slightly lighter green */
  --primary-gradient-from: #24ee89;
  --primary-gradient-to: #9fe871;
  --primary-shadow: 0px 0px 12px 0px rgba(35, 238, 136, 0.3);
  --primary-inset-shadow: inset 0px -2px 0px 0px #1dca6a;

  /* Status Colors (Common) */
  --destructive: #fc3c3c; /* Danger/Error (from coin drop %) */
  --destructive-hover: #d63030;
  --success-gradient-from: #24ee89;
  --success-gradient-to: #24ee89;
  --error: #fc3c3c;

  /* Form Components (Dark) */
  --input-bg: #292d2e; /* Bg-Layer2 (Inputs) */
  --input-border: #323738; /* Bg-Layer3 (Borders) */
  --input-focus-border: #24ee89;
  --input-text: #ffffff;
  --input-placeholder: #5e6a73; /* Text-Disabled */
  --input-disabled-bg: #292d2e;
  --input-disabled-text: #5e6a73;

  --checkbox-bg: #292d2e;
  --checkbox-border: #5e6a73;
  --checkbox-checked-bg: #24ee89;
  --checkbox-checked-border: #24ee89;

  /* Table Colors (Dark) */
  --table-header-bg: #1e2121; /* Bg-Layer1 */
  --table-header-text: #ffffff;
  --table-border: rgba(228, 234, 240, 0.1); /* Faint border from design */
  --table-row-hover: rgba(255, 255, 255, 0.05);
  --table-row-even: rgba(255, 255, 255, 0.02);

  /* DatePicker Specific (Dark) */
  --datepicker-bg: #1e2121;
  --datepicker-text: #ffffff;
  --datepicker-label: #b3bec1; /* Text-Secondary */
  --datepicker-label-error: #fc3c3c;

  /* UI Elements (Dark) */
  --card-bg: #1e2121; /* Footer, Sidebar */
  --card-border: rgba(228, 234, 240, 0.1);
  --muted-foreground: #b3bec1; /* Text-Secondary */
  --border: rgba(228, 234, 240, 0.1);
  --ring: #24ee89;

  /* Dialog (Dark) */
  --dialog-bg: #1e2121;
  --dialog-border: #323738;
  --dialog-text: #ffffff;

  /* Main Page (Dark) */
  --main-quickmenu-bg: #1e2121;
  --main-quickmenu-gradient-from: #1e2121;
  --main-quickmenu-gradient-via: #1e2121;
  --main-quickmenu-gradient-to: #1e2121;

  --main-game-card-bg: #292d2e; /* Game Cards */
  --main-game-overlay-from: rgba(0, 0, 0, 0);
  --main-game-overlay-to: rgba(0, 0, 0, 0.7);

  --main-provider-bg: #17181b;

  /* 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: #24ee89;
  --inquiry-primary-foreground: #000000;
  --inquiry-muted: #b3bec1;
  --inquiry-border: rgba(228, 234, 240, 0.1);

  /* Message */
  --message-overlay: rgba(0, 0, 0, 0.6);
  --message-primary: #24ee89;
  --message-primary-foreground: #000000;
  --message-border: rgba(228, 234, 240, 0.1);

  /* MyPage */
  --mypage-primary: #24ee89;
  --mypage-primary-foreground: #000000;
  --mypage-border: rgba(228, 234, 240, 0.1);
  --mypage-section-bg: #1e2121;

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

  /* 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(0, 0, 0, 0.3);
  --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%
  );

  /* Top Menu (Dark) */
  --topmenu-bg: #1e2121;
  --topmenu-button-bg: #323738; /* Bg-Layer3 */
  --topmenu-button-hover: rgba(255, 255, 255, 0.1);

  /* Layout Colors (Dark) */
  --header-bg: #292d2e; /* Bg-Layer2 (Header) */
  --header-bg-md: #292d2e;
  --header-border: rgba(228, 234, 240, 0.1);
  --header-nav-border: rgba(228, 234, 240, 0.1);

  --sidebar-bg: #292d2e;
  --sidebar-tab-bg: #323738;
  --sidebar-tab-hover: #464f50;

  --content-bg: #17181b;
  --content-section-bg: #1e2121;
  --content-border: rgba(228, 234, 240, 0.1);

  /* Text Colors (Dark) */
  --text-primary: #ffffff;
  --text-secondary: #b3bec1; /* Body Text */
  --text-accent: #f5a623; /* VIP Gold / Warning */
  --text-danger: #fc3c3c;

  /* Pagination (Dark) */
  --pagination-text: #98a7b5; /* Text-Tertiary */
  --pagination-active-bg: #24ee89;
  --pagination-active-text: #000000;
  --pagination-hover-bg: #323738;

  /* Scrollbar (Dark) */
  --scrollbar-size: 8px;
  --scrollbar-radius: 8px;
  --scrollbar-track: rgba(255, 255, 255, 0.05);
  --scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);

  /* Betting Components (only unique values not covered by existing vars) */
  --betting-button-bg: #3a4142;
  --betting-button-hover: #464f50;
  --betting-text-highlight: #24ee89;
  --betting-text-label: #98a7b5;

  /* Odds Direction */
  --odds-up: #fc3c3c;
  --odds-down: #24ee89;
  --odds-neutral: #b3bec1;

  /* Banner */
  --banner-accent: #24ee89;

  /* Signup/Auth */
  --auth-step-complete: #24ee89;
  --auth-step-active: #24ee89;
  --auth-step-active-ring: rgba(36, 238, 137, 0.3);

  /* Games (only unique values) */
  --games-active: #24ee89;

  /* Sidebar */
  --sidebar-badge-bg: #3a4142;

  /* Icons */
  --icon-user-online: #24ee89;

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

  /* Event Card Colors */
  --event-signup: #2c5040;
  --event-deposit: #2e4a5c;
  --event-attendance: #2c5040;
  --event-referral: #5c2e4a;
  --event-casino: #4a2e5c;
  --event-sports: #5c5c2e;
  --event-vip: #5c2e2e;
  --event-slot: #2e5c5c;
  --event-loyalty: #3d5c2e;
  --event-birthday: #5c2e3d;
  --event-cashback: #2e3d5c;
  --event-special: #5c4a2e;
  --event-mobile: #2e5c4a;
  --event-live: #4a2e5c;
  --event-lottery: #5c2e4a;
  --event-tutorial: #2e4a5c;
  --event-login: #5c5c2e;
  --event-seasonal: #5c3d3d;
  --event-levelup: #3d5c3d;
  --event-survey: #3d3d5c;
  --event-default: #3a4142;
  --event-text: #ffffff;

  /* Toast Colors */
  --toast-icon-bg: #292d2e;
  --toast-success-from: #24ee89;
  --toast-success-to: #9fe871;
  --toast-warning-from: #f5a623;
  --toast-warning-to: #ffd477;
  --toast-info-from: #24b8ee;
  --toast-info-to: #71d4f8;
  --toast-muted-from: #5e6a73;
  --toast-muted-to: #98a7b5;
}

/* =========================================
   3. Light Mode Overrides
   ========================================= */
[data-mode="light"] [data-theme="type2"] {
  /* Base Colors (Light) */
  --background: #f0f2f5;
  --foreground: #17181b;

  --primary: #14d575;

  /* Status Colors */
  --destructive: #fc3c3c;
  --destructive-hover: #d63030;
  --error: #fc3c3c;

  /* Form Components (Light) */
  --input-bg: #ffffff;
  --input-border: #dfe1e5;
  --input-text: #17181b;
  --input-placeholder: #98a7b5;
  --input-disabled-bg: #f0f2f5;
  --input-disabled-text: #98a7b5;

  --checkbox-bg: #ffffff;
  --checkbox-border: #98a7b5;

  /* Table Colors (Light) */
  --table-header-bg: #ffffff;
  --table-header-text: #17181b;
  --table-border: #dfe1e5;
  --table-row-hover: #f5f7fa;
  --table-row-even: #f8f9fa;

  /* DatePicker Specific (Light) */
  --datepicker-bg: #ffffff;
  --datepicker-text: #17181b;
  --datepicker-label: #5e6a73;
  --datepicker-label-error: #fc3c3c;

  /* UI Elements (Light) */
  --card-bg: #ffffff;
  --card-border: #dfe1e5;
  --muted-foreground: #5e6a73;
  --border: #dfe1e5;
  --ring: #24ee89;

  /* Dialog (Light) */
  --dialog-bg: #ffffff;
  --dialog-border: #dfe1e5;
  --dialog-text: #17181b;

  /* Main Page (Light) */
  --main-quickmenu-bg: #ffffff;
  --main-quickmenu-gradient-from: #ffffff;
  --main-quickmenu-gradient-via: #ffffff;
  --main-quickmenu-gradient-to: #ffffff;

  --main-game-card-bg: #ffffff;
  --main-game-overlay-from: rgba(255, 255, 255, 0);
  --main-game-overlay-to: rgba(0, 0, 0, 0.5);

  --main-provider-bg: #f0f2f5;

  /* Event Card (Light) */
  --event-card-overlay-hover: rgba(0, 0, 0, 0.15);
  --event-card-gradient-from: rgba(0, 0, 0, 0.9);
  --event-card-gradient-via: rgba(0, 0, 0, 0.7);
  --event-card-gradient-to: rgba(0, 0, 0, 0);

  /* Main Surfaces (Light) */
  --main-surface-1: #ffffff;
  --main-surface-2: #f2f5f7;
  --main-surface-3: #e9edf2;
  --main-overlay-weak: rgba(0, 0, 0, 0.05);
  --main-icon-bg: rgba(0, 0, 0, 0.05);
  --main-icon-border: rgba(0, 0, 0, 0.08);
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-border: rgba(0, 0, 0, 0.08);

  /* Quick Menu Gradients (Light) */
  --quickmenu-hero1-gradient: linear-gradient(
      270deg,
      #d9f2e7 0%,
      rgba(217, 242, 231, 0) 75%
    ),
    #ffffff;
  --quickmenu-hero1-accent: #46c59b;

  --quickmenu-hero2-gradient: linear-gradient(
      270deg,
      #f0dff2 0%,
      rgba(240, 223, 242, 0) 75%
    ),
    #ffffff;
  --quickmenu-hero2-accent: #9d71c8;

  --quickmenu-slot-gradient: linear-gradient(
      270deg,
      rgba(31, 158, 116, 0.18) 0%,
      rgba(31, 158, 116, 0) 75%
    ),
    #ffffff;
  --quickmenu-slot-accent: #46c59b;

  --quickmenu-popular-gradient: linear-gradient(
      270deg,
      #f2e6d3 0%,
      rgba(242, 230, 211, 0) 75%
    ),
    #ffffff;
  --quickmenu-popular-accent: #e3b55c;

  --quickmenu-recent-gradient: linear-gradient(
      270deg,
      #e0ecd6 0%,
      rgba(224, 236, 214, 0) 75%
    ),
    #ffffff;
  --quickmenu-recent-accent: #c4f4b7;

  /* Main Carousel (Light) */
  --main-carousel-card-bg: linear-gradient(180deg, #e9edf2 0%, #d8dde4 100%);
  --main-carousel-overlay: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.12) 50%,
    rgba(0, 0, 0, 0.18) 100%
  );

  /* Top Menu (Light) */
  --topmenu-bg: #ffffff;
  --topmenu-button-bg: #c0bebe;
  --topmenu-button-hover: #e4e6eb;

  /* Layout Colors (Light) */
  --header-bg: #ffffff;
  --header-bg-md: #ffffff;
  --header-border: #dfe1e5;
  --header-nav-border: #dfe1e5;

  --sidebar-bg: #ffffff;
  --sidebar-tab-bg: #e9e9e9;
  --sidebar-tab-hover: #c9c9c9;

  --content-bg: #e9e9e9;
  --content-section-bg: #ffffff;
  --content-border: #dfe1e5;

  /* Text Colors (Light) */
  --text-primary: #17181b;
  --text-secondary: #5e6a73;
  --text-accent: #f5a623;
  --text-danger: #fc3c3c;

  /* Pagination (Light) */
  --pagination-text: #5e6a73;
  --pagination-active-bg: #24ee89;
  --pagination-active-text: #ffffff;
  --pagination-hover-bg: #f0f2f5;

  /* Scrollbar (Light) */
  --scrollbar-track: #f0f2f5;
  --scrollbar-thumb: #c1c7cd;
  --scrollbar-thumb-hover: #aeb5bc;
}