/* theme (site_id: 42) */
:root {
  --hero: 24, 44, 54;
  --hero-hover: 30, 48, 58;
  --hero-sc: 255, 255, 255;
  --brand: 30, 48, 58;
  --brand-hover: 71, 117, 129;
  --brand-sc: 255, 255, 255;
  --secondary: 71, 117, 129;
  --secondary-hover: 90, 145, 158;
  --secondary-sc: 255, 255, 255;
  --accent: 240, 179, 16;
  --accent-hover: 183, 137, 12;
  --accent-sc: 0, 0, 0;
  --oc-1: 205, 182, 123;
  --oc-1-hover: 188, 157, 79;
  --oc-1-sc: 0, 0, 0;
  --oc-2: 240, 179, 16;
  --oc-2-hover: 183, 137, 12;
  --oc-2-sc: 0, 0, 0;
  --oc-3: 255, 52, 73;
  --oc-3-hover: 255, 102, 118;
  --oc-3-sc: 255, 255, 255;
  --odd-up: 22, 199, 46;
  --odd-up-hover: 16, 153, 35;
  --odd-up-sc: 0, 0, 0;
  --odd-down: 255, 52, 73;
  --odd-down-hover: 255, 102, 118;
  --odd-down-sc: 255, 255, 255;
  --b: 18, 34, 43;
  --b-hover: 30, 48, 58;
  --b-sc: 255, 255, 255;
  --header: 12, 24, 31;
  --header-hover: 24, 44, 54;
  --header-sc: 255, 255, 255;
  --menu: 18, 34, 43;
  --menu-hover: 30, 48, 58;
  --menu-sc: 255, 255, 255;
  --tab-navigation: 18, 34, 43;
  --tab-navigation-hover: 30, 48, 58;
  --tab-navigation-sc: 255, 255, 255;
  --static-black: 0, 0, 0;
  --static-black-hover: 25, 25, 25;
  --static-black-sc: 255, 255, 255;
  --static-white: 255, 255, 255;
  --static-white-hover: 229, 229, 229;
  --static-white-sc: 0, 0, 0;
  --border-radius: 4px;
  --font-family: Roboto, Arial, Helvetica, sans-serif;
  --bg-body: #0B2A2E;
  --mobile-body-bg: #0B2A2E;
  --loading-bg: #0B2A2E;
  --theme-color: #0e353a;
  --bg-darker: #103d43;
  --header-bg: #103d43;
  --footer-bg: #103d43;
  --bottom-nav-bg: #103d43;
  --bg-card: #13484f;
  --modal-content-bg: #13484f;
  --bg-input: #13484f;
  --bg-card-hover: #16535b;
  --bg-input-hover: #16535b;
  --bg-card-light: #195f68;
  --bg-overlay: rgba(11,42,46, 0.75);
  --bg-overlay-heavy: rgba(11,42,46, 0.95);
  --bg-modal: linear-gradient(135deg, #13484f 0%, #0e353a 100%);
  --bg-sidebar: linear-gradient(180deg, #103d43 0%, #0e353a 100%);
  --primary: #2EC4B6;
  --primary-rgb: 46,196,182;
  --primary-dark: #1f867c;
  --primary-light: #64dbd0;
  --primary-hover: rgba(46,196,182,0.1);
  --primary-glow: rgba(46,196,182,0.3);
  --primary-border: rgba(46,196,182,0.4);
  --primary-high: rgba(46,196,182,0.8);
  --border-focus: #2EC4B6;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #888888;
  --text-hint: #666666;
  --text-disabled: #555555;
  --footer-text: #ffffff;
  --footer-link-color: #888888;
  --footer-link-hover: #2EC4B6;
  --light-low: rgba(255, 255, 255, 0.15);
  --light-mid: rgba(255, 255, 255, 0.4);
  --light-high: rgba(255, 255, 255, 0.8);
  --dark-low: rgba(0, 0, 0, 0.15);
  --dark-mid: rgba(0, 0, 0, 0.4);
  --dark-high: rgba(0, 0, 0, 0.85);
  --border-default: rgba(255, 255, 255, 0.2);
  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-card: rgba(255, 255, 255, 0.25);
  --border-hover: rgba(255, 255, 255, 0.35);
  --border-width: 0.15625rem;
  --promo-border: rgba(255, 255, 255, 0.12);
  --shadow-sm: 0 2px 4px rgba(11,42,46, 0.3);
  --shadow-md: 0 4px 6px rgba(11,42,46, 0.4);
  --shadow-lg: 0 10px 40px rgba(11,42,46, 0.6);
  --shadow-xl: 0 20px 60px rgba(11,42,46, 0.7);
  --shadow-glow: 0 0 20px rgba(46,196,182, 0.3);
  --shadow-success: 0 4px 12px rgba(16, 185, 129, 0.3);
  --header-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  --nav-shadow: 0 -4px 12px rgba(0, 0, 0, 0.4);
  --sidebar-shadow: 4px 0 12px rgba(0, 0, 0, 0.3);
  --promo-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  --gradient-primary: linear-gradient(135deg, #2EC4B6 0%, #1f867c 100%);
  --gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);
  --gradient-card: linear-gradient(145deg, #13484f 0%, #0e353a 100%);
  --gradient-casino: linear-gradient(135deg, #64dbd0 0%, #2EC4B6 100%);
  --gradient-sports: linear-gradient(135deg, #103d43 0%, #0B2A2E 100%);
  --success: #10B981;
  --success-dark: #059669;
  --success-light: #22c55e;
  --success-hover: rgba(16, 185, 129, 0.1);
  --success-glow: rgba(16, 185, 129, 0.3);
  --success-high: rgba(16, 185, 129, 0.8);
  --info: #94a3b8;
  --info-low: rgba(148, 163, 184, 0.15);
  --info-mid: rgba(148, 163, 184, 0.4);
  --info-high: rgba(148, 163, 184, 0.8);
  --warning: #F59E0B;
  --warning-low: rgba(245, 158, 11, 0.15);
  --warning-mid: rgba(245, 158, 11, 0.4);
  --warning-high: rgba(245, 158, 11, 0.8);
  --danger: #EF4444;
  --danger-dark: #DC2626;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;
  --vip-gold: #ffd700;
  --vip-gold-light: #ffed4e;
  --vip-bg-start: #0B2A2E;
  --vip-bg-mid: #103d43;
  --vip-bg-end: #16535b;
  --vip-border: rgba(46,196,182, 0.6);
  --vip-shine: rgba(255, 255, 255, 0.1);
  --vip-shadow: 0 4px 20px rgba(46,196,182, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --light-mode-bg: #ffffff;
  --light-mode-text: #000000;
  --hover-lift-xs: translateY(-1px);
  --hover-lift-sm: translateY(-2px);
  --hover-lift-md: translateY(-4px);
  --hover-lift-lg: translateY(-6px);
  --hover-scale-xs: scale(1.02);
  --hover-scale-sm: scale(1.05);
  --hover-scale-md: scale(1.08);
  --hover-scale-lg: scale(1.1);
  --hover-slide-xs: translateX(2px);
  --hover-slide-sm: translateX(4px);
  --hover-slide-md: translateX(6px);
  --hover-shadow-xs: 0 2px 8px rgba(11,42,46, 0.3);
  --hover-shadow-sm: 0 4px 12px rgba(11,42,46, 0.4);
  --hover-shadow-md: 0 8px 24px rgba(11,42,46, 0.5);
  --hover-shadow-lg: 0 12px 32px rgba(11,42,46, 0.6);
  --hover-shadow-glow: 0 6px 20px rgba(46,196,182, 0.3);
  --hover-shadow-glow-lg: 0 8px 30px rgba(46,196,182, 0.3);
  --hover-bg-card: #16535b;
  --hover-bg-input: #16535b;
  --hover-bg-sidebar: #103d43;
  --hover-border-default: rgba(255, 255, 255, 0.35);
  --hover-border-primary: rgba(46,196,182, 0.4);
  --hover-primary: #1f867c;
  --hover-primary-light: #64dbd0;
  --hover-opacity-dim: 0.7;
  --hover-opacity-bright: 1;
  --hover-card-sm: scale(1.02) translateY(-2px);
  --hover-card-md: scale(1.05) translateY(-4px);
  --hover-image-sm: scale(1.05);
  --hover-image-md: scale(1.1);
  --hover-image-lg: scale(1.15);
  --bottom-nav-height: 4.0625rem;
  --header-height-mobile: 3.5rem;
  --header-height-desktop: 4.375rem;
  --secondary-dark: #NaNNaNNaN;
  --btn-cta-bg: 67, 56, 248;
  --btn-cta-hover-bg: #NaNNaNNaN;
  --btn-deposit-bg: 67, 56, 248;
  --secondary-rgb: 103,NaN,86;
}

/* custom (site_styles) */
/* Site Özel CSS */