/* ========================================================= ODDEN GOLD THEME OVERRIDE Mavi tonların KREM ↔ BRONZ altın paleti ile değiştirilmiş hali. Brand palette: - Cream / highlight: #ffeec6 rgb(255,238,198) - Bronze / shadow: #917f4b rgb(145,127,75) - Mid gold (avg): #c8b288 rgb(200,178,136) - Contrast on gold: #0a0a0a (pure black for AA contrast) Imza gradient (her yerde aynı): linear-gradient(313deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) ========================================================= */ :root { /* ---------- BRAND ---------- */ --brand-primary: #917f4b !important; --accent: #917f4b !important; --brand-primary-rgb: 145, 127, 75; /* bronze */ --brand-secondary-rgb: 255, 238, 198; /* cream */ --brand-primary-contrast: #0a0a0a; /* black on gold */ --brand-secondary: #ffeec6; --accent-rgb: var(--brand-primary-rgb); --active: var(--accent); --accent-soft: rgba(var(--accent-rgb), 0.16); --accent-soft-2: rgba(var(--accent-rgb), 0.10); --accent-soft-3: rgba(var(--accent-rgb), 0.22); --accent-soft2: var(--accent-soft-2); --accent-soft3: var(--accent-soft-3); --accent-border: rgba(var(--accent-rgb), 0.40); --accent-border-strong: rgba(var(--accent-rgb), 0.62); --accent-glow: rgba(var(--accent-rgb), 0.46); /* ---------- SURFACES (warm dark to complement gold) ---------- */ --surface-bg: #0c0a06; --surface-bg-rgb: 12, 10, 6; --surface-1: #14110a; --surface-2: #1a160d; --surface-3: #251f12; --surface-4: #322a1a; --surface-card: var(--surface-2); --surface-modal: #15110a; --surface-elevated: #221c12; --surface-border: rgba(255, 238, 198, 0.14); --surface-border-soft: rgba(255, 238, 198, 0.08); --surface-border-strong: rgba(255, 238, 198, 0.22); --legacy-bg-1: #1a160d; --legacy-bg-2: #221c12; --legacy-bg-3: #2e2616; --legacy-text-muted: #b8a777; /* ---------- TEXT ---------- */ --text-primary: #fff7e1; --text-secondary: rgba(255, 247, 225, 0.88); --text-muted: rgba(255, 247, 225, 0.72); --text-soft: rgba(255, 247, 225, 0.56); --text-disabled: rgba(255, 247, 225, 0.38); --text-on-accent: var(--brand-primary-contrast); /* ---------- STATES (gold/warm family, danger preserved) ---------- */ --success: #c9a227; --success-rgb: 201, 162, 39; --warning: #ffd700; --warning-rgb: 255, 215, 0; --danger: #b5122e; --danger-rgb: 181, 18, 46; --info: #ffeec6; --info-rgb: 255, 238, 198; --state-success-soft: rgba(var(--success-rgb), 0.16); --state-warning-soft: rgba(var(--warning-rgb), 0.18); --state-danger-soft: rgba(var(--danger-rgb), 0.18); --state-info-soft: rgba(var(--info-rgb), 0.16); /* ---------- SHADOWS ---------- */ --shadow-accent-sm: 0 8px 18px rgba(var(--accent-rgb), 0.32); --shadow-accent-md: 0 12px 28px rgba(var(--accent-rgb), 0.42); --shadow-accent-lg: 0 16px 36px rgba(var(--accent-rgb), 0.50); /* ---------- IMZA GRADIENT (313deg cream→bronze→cream→bronze) ---------- */ --gradient-primary: linear-gradient(313deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%); --gradient-primary-horizontal: linear-gradient(90deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%); --gradient-overlay: linear-gradient(180deg, rgba(20, 17, 10, 0.92), rgba(12, 10, 6, 0.94)); --gradient-surface: linear-gradient(180deg, var(--surface-2), var(--surface-1)); --gradient-chip: linear-gradient(180deg, rgba(255, 238, 198, 0.10), rgba(255, 238, 198, 0.03)); --gradient-withdraw: linear-gradient(90deg, #ff5a6f 0%, #f03b57 30%, #d91f3f 68%, #b5122e 100%); /* ---------- LEGACY PANEL ---------- */ --panel-top: #25200f; --panel-bottom: #14110a; --panel-bg: var(--surface-2); --panel-bg2: var(--surface-1); --modalbg: linear-gradient(180deg, var(--panel-bg), var(--panel-bg2)); --linearbg: radial-gradient(900px 220px at 15% 0%, rgba(255, 238, 198, 0.08), transparent 55%), linear-gradient(180deg, rgba(26, 22, 13, 0.92), rgba(12, 10, 6, 0.92)); --linearbgreversed: radial-gradient(900px 220px at 85% 0%, rgba(255, 238, 198, 0.08), transparent 55%), linear-gradient(180deg, rgba(26, 22, 13, 0.92), rgba(12, 10, 6, 0.92)); --lineartooltipbg: linear-gradient(180deg, rgba(28, 23, 12, 0.96), rgba(14, 12, 6, 0.98)); /* ---------- PROGRESS (imza gradient kullan) ---------- */ --progressbg: var(--gradient-primary-horizontal); /* ---------- INPUTS ---------- */ --input-bg: var(--linearbg); --input-bg-solid: var(--legacy-bg-3); --input-border: rgba(255, 238, 198, 0.16); --input-border-focus: rgba(var(--accent-rgb), 0.65); --input-placeholder: rgba(255, 247, 225, 0.45); /* ---------- BUTTONS (imza gradient) ---------- */ --btn-primary-bg: var(--gradient-primary); --btn-primary-bg-hover: var(--gradient-primary); --btn-primary-bg-active: var(--gradient-primary); --btn-primary-color: var(--brand-primary-contrast); --btn-primary-shadow: var(--shadow-accent-sm); --btn-primary-shadow-active: var(--shadow-accent-md); --btn-secondary-bg: var(--legacy-bg-3); --btn-secondary-bg-hover: color-mix(in srgb, var(--legacy-bg-3) 84%, #ffeec6 16%); --btn-secondary-color: var(--text-primary); --btn-secondary-border: var(--surface-border-soft); --btn-ghost-bg: rgba(255, 238, 198, 0.06); --btn-ghost-bg-hover: rgba(255, 238, 198, 0.14); --btn-ghost-color: var(--text-primary); /* ---------- HEADER ---------- */ --header-register-bg: var(--gradient-primary); --header-register-color: var(--brand-primary-contrast); --wallet-btn-bg-start: #25200f; --wallet-btn-bg-end: var(--accent); --wallet-btn-gradient: var(--gradient-primary-horizontal); --wallet-btn-color: var(--brand-primary-contrast); /* ---------- TABS / CHIPS ---------- */ --tab-active-bg: var(--gradient-primary); --tab-active-color: var(--brand-primary-contrast); --tab-active-border: rgba(var(--accent-rgb), 0.65); --tab-inactive-bg: transparent; --tab-inactive-color: var(--text-muted); --tab-inactive-border: var(--surface-border-soft); --chip-bg: rgba(255, 238, 198, 0.06); --chip-border: rgba(255, 238, 198, 0.14); --chip-color: var(--text-muted); --chip-active-bg: var(--gradient-primary); --chip-active-border:rgba(var(--accent-rgb), 0.60); --chip-active-color: var(--brand-primary-contrast); /* ---------- WALLET ---------- */ --wallet-deposit-bg: var(--gradient-primary); --wallet-withdraw-gradient: var(--gradient-withdraw); --wallet-footer-btn-bg: var(--legacy-bg-3); --wallet-footer-btn-color: var(--text-primary); /* ---------- GAME OPENER ---------- */ --game-opener-border: rgba(var(--accent-rgb), 0.65); --game-opener-overlay: linear-gradient(0deg, rgba(20, 17, 10, 0.84) 0%, rgba(20, 17, 10, 0.84) 100%); --game-play-btn-bg: var(--gradient-primary); --game-play-btn-color: var(--brand-primary-contrast); --game-demo-btn-bg: var(--legacy-text-muted); --game-demo-btn-color: #0a0a0a; /* ---------- SLIDER CONTROLS ---------- */ --slider-nav-bg: rgba(20, 17, 10, 0.80); --slider-nav-bg-hover: rgba(var(--accent-rgb), 0.32); --slider-nav-border: rgba(var(--accent-rgb), 0.42); --slider-nav-color: #ffeec6; --slider-pagination-dot: rgba(255, 238, 198, 0.36); --slider-pagination-dot-active:#ffeec6; /* ---------- TOP SEARCH ---------- */ --top-search-form-border: 1px solid #5f4f31; --top-search-form-bg: var(--linearbg); --top-search-icon-color: #c8b893; --top-search-input-color: var(--text-primary); --top-search-input-placeholder: rgba(255, 247, 225, 0.55); --top-search-focus-shadow: 0 22px 70px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(var(--accent-rgb), 0.30), 0 0 30px rgba(var(--accent-rgb), 0.18); --top-search-layer-border: 1px solid rgba(255, 238, 198, 0.12); --top-search-layer-border-bottom: 10px solid rgba(255, 238, 198, 0.10); --top-search-layer-bg: rgba(20, 17, 10, 0.74); --top-search-layer-shadow: 0 18px 55px rgba(0, 0, 0, 0.55); --top-search-recent-wrap-border: 1px solid rgba(var(--brand-secondary-rgb), 0.32); --top-search-recent-wrap-bg: linear-gradient(180deg, rgba(20, 17, 10, 0.84), rgba(12, 10, 6, 0.86)); --top-search-recent-wrap-shadow: 0 14px 26px rgba(0, 0, 0, 0.32); --top-search-recent-chip-border: 1px solid rgba(var(--brand-secondary-rgb), 0.45); --top-search-recent-chip-bg: var(--gradient-primary); --top-search-recent-chip-color: #0a0a0a; --top-search-recent-chip-shadow: 0 6px 14px rgba(var(--accent-rgb), 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16); /* ---------- LOWBAR (mobile dock) ---------- */ --lb-bg: rgba(20, 17, 10, 0.78); --lb-stroke: rgba(255, 238, 198, 0.12); --lb-stroke-2: rgba(255, 238, 198, 0.06); --lb-text: rgba(255, 247, 225, 0.88); --lb-muted: rgba(255, 247, 225, 0.65); --lb-active: var(--accent); --lb-shadow: 0 18px 40px rgba(0, 0, 0, 0.55); --lb-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.38); --lb-search-bg: #1c1810; --lb-surface-gradient: linear-gradient(180deg, rgba(255, 238, 198, 0.10), rgba(255, 238, 198, 0.02)); --lb-wallet-ring-color: rgba(var(--accent-rgb), 0.65); --lb-wallet-glow: radial-gradient(circle, rgba(var(--accent-rgb), 0.22), rgba(var(--accent-rgb), 0) 65%); --lb-wallet-glow-radius: radial-gradient(circle, rgba(var(--accent-rgb), 0.26), rgba(var(--accent-rgb), 0) 62%); --lb-chat-bg: var(--gradient-primary); --lb-chat-border: rgba(var(--accent-rgb), 0.55); --lb-chat-color: #0a0a0a; --lb-chat-shadow: 0 12px 24px rgba(var(--accent-rgb), 0.32), 0 8px 20px rgba(0, 0, 0, 0.32); --lb-chat-shadow-hover: 0 14px 28px rgba(var(--accent-rgb), 0.42), 0 10px 24px rgba(0, 0, 0, 0.36); /* ---------- SIDEBAR TABS (imza gradient) ---------- */ --sidebar-tab-casino-bg-image: var(--gradient-primary); --sidebar-tab-sportsbook-bg-image:var(--gradient-primary); /* ---------- BONUS REQUEST ---------- */ --bonus-request-tab-bg: var(--tab-inactive-bg); --bonus-request-tab-border: var(--tab-inactive-border); --bonus-request-tab-text: var(--tab-inactive-color); --bonus-request-tab-active-bg: var(--gradient-primary); --bonus-request-tab-active-border:rgba(var(--accent-rgb), 0.65); --bonus-request-tab-active-text: var(--brand-primary-contrast); --bonus-request-info-bg: rgba(var(--accent-rgb), 0.20); --bonus-request-info-border: rgba(var(--accent-rgb), 0.50); --bonus-request-info-color: var(--text-primary); --bonus-request-button-bg: var(--gradient-primary); --bonus-request-button-text: var(--brand-primary-contrast); /* ---------- VIP ---------- */ --vip-accent: var(--accent); --vip-accent-rgb: var(--accent-rgb); --vip-bg0: var(--surface-bg); --vip-bg1: var(--surface-2); --vip-card-bg: rgba(255, 238, 198, 0.05); --vip-card-border: rgba(255, 238, 198, 0.12); --vip-card-border-soft: rgba(255, 238, 198, 0.06); --vip-card-hover-bg: rgba(255, 238, 198, 0.07); --vip-text: var(--text-secondary); --vip-muted: var(--text-soft); --vip-chip-bg: rgba(255, 238, 198, 0.06); --vip-chip-border: rgba(255, 238, 198, 0.12); --vip-chip-active-bg: var(--gradient-primary); --vip-chip-active-border:rgba(var(--vip-accent-rgb), 0.40); --vip-tag-bg: rgba(0, 0, 0, 0.20); --vip-gift-tag-bg: rgba(var(--vip-accent-rgb), 0.14); --vip-gift-tag-border: rgba(var(--vip-accent-rgb), 0.22); --vip-button-border: rgba(var(--vip-accent-rgb), 0.36); --vip-button-bg: var(--gradient-primary); --vip-button-border-hover: rgba(var(--vip-accent-rgb), 0.50); --vip-link: #ffeec6; --vip-link-border: rgba(var(--vip-accent-rgb), 0.45); --vip-link-border-hover: rgba(var(--vip-accent-rgb), 0.75); --focus-ring: 0 0 0 3px rgba(var(--accent-rgb), 0.30); --divider: var(--surface-border-soft); /* ---------- NOTIFICATION DROPDOWN ---------- */ --notif-badge-bg: var(--gradient-primary); --notif-badge-border: rgba(255, 238, 198, 0.55); --notif-panel-bg: var(--lineartooltipbg); --notif-panel-border: rgba(255, 238, 198, 0.10); --notif-panel-shadow: 0 16px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 238, 198, 0.06); --notif-empty-bg: rgba(184, 167, 119, 0.16); --notif-empty-border: rgba(255, 238, 198, 0.10); --notif-item-bg: rgba(184, 167, 119, 0.14); --notif-item-bg-hover: rgba(184, 167, 119, 0.22); --notif-item-border: rgba(255, 238, 198, 0.10); --notif-item-border-hover: rgba(255, 238, 198, 0.18); --notif-track-thumb: rgba(255, 238, 198, 0.14); /* ---------- WALLET SETTINGS ---------- */ --wgs-text: rgba(255, 247, 225, 0.94); --wgs-muted: rgba(255, 247, 225, 0.55); --wgs-panel-bg: rgba(28, 24, 16, 0.78); --wgs-panel-border: rgba(255, 238, 198, 0.06); --wgs-block-bg: rgba(255, 238, 198, 0.03); --wgs-block-bg-hover: rgba(255, 238, 198, 0.05); --wgs-block-border: rgba(255, 238, 198, 0.07); --wgs-switch-on-bg: rgba(var(--accent-rgb), 0.18); --wgs-switch-on-border: rgba(var(--accent-rgb), 0.36); --wgs-switch-knob: rgba(255, 247, 225, 0.40); --wgs-switch-knob-on: rgba(var(--accent-rgb), 0.95); --wgs-dot-bg: rgba(var(--accent-rgb), 0.12); --wgs-dot-border: rgba(var(--accent-rgb), 0.20); --wgs-dot-ring: rgba(var(--accent-rgb), 0.30); --wgs-save-border: rgba(var(--success-rgb), 0.28); --wgs-save-bg: var(--gradient-primary-horizontal); /* ---------- GAME PAGE / EMPTY ---------- */ --game-theater-overlay: rgba(0, 0, 0, 0.65); --game-overlay-soft: rgba(0, 0, 0, 0.55); --game-fs-close-bg: var(--legacy-bg-3); --game-switch-bg: var(--legacy-bg-3); --game-switch-knob: var(--legacy-bg-2); --game-switch-active-gradient: var(--gradient-primary-horizontal); --game-bets-empty-bg: linear-gradient(145deg, rgba(37, 31, 18, 0.94), rgba(20, 17, 10, 0.88)); --game-bets-empty-border: rgba(255, 238, 198, 0.40); --game-bets-empty-icon-bg: rgba(var(--accent-rgb), 0.28); --game-bets-empty-icon-border: rgba(255, 238, 198, 0.36); --game-bets-empty-icon-shadow: 0 8px 24px rgba(40, 30, 8, 0.50); --game-bets-empty-title: #fff7e1; --game-bets-empty-text: rgba(245, 232, 195, 0.90); --game-bets-empty-button-bg: rgba(155, 124, 38, 0.45); --game-bets-empty-button-border: rgba(255, 238, 198, 0.50); --game-bets-empty-button-hover-bg: rgba(192, 156, 50, 0.58); --game-bets-empty-button-hover-border: rgba(255, 238, 198, 0.72); /* ---------- FAVORITES EMPTY ---------- */ --favorites-empty-bg: linear-gradient(140deg, rgba(28, 23, 12, 0.96), rgba(18, 15, 8, 0.97)); --favorites-empty-border: rgba(255, 238, 198, 0.32); --favorites-empty-shadow: inset 0 1px 0 rgba(255, 238, 198, 0.16), 0 18px 42px rgba(8, 6, 2, 0.45); --favorites-empty-icon-bg: rgba(var(--accent-rgb), 0.30); --favorites-empty-icon-border: rgba(255, 238, 198, 0.42); --favorites-empty-icon-shadow: 0 8px 26px rgba(105, 80, 12, 0.50); --favorites-empty-title: #fff7e1; --favorites-empty-text: rgba(245, 232, 195, 0.90); --favorites-empty-btn-bg: var(--gradient-primary); --favorites-empty-btn-border: rgba(255, 238, 198, 0.58); --favorites-empty-btn-shadow: 0 8px 20px rgba(155, 124, 38, 0.40); /* ---------- EVENT / RACE ---------- */ --event-trophy-bg: rgba(0, 0, 0, 0.20); --event-trophy-border: rgba(255, 238, 198, 0.36); --event-card-border: rgba(255, 238, 198, 0.10); --event-divider: rgba(255, 238, 198, 0.14); --event-title: #fff7e1; --event-label: rgba(252, 245, 220, 0.95); --event-muted: rgba(220, 200, 140, 0.92); --event-stat-label: rgba(212, 192, 130, 0.92); --event-cta-bg: var(--gradient-primary); --event-cta-color: var(--brand-primary-contrast); --event-progress-track: rgba(28, 22, 8, 0.78); /* ---------- WITHDRAW PROGRESS ---------- */ --withdraw-progress-bg: rgba(38, 30, 12, 0.74); --withdraw-progress-border: rgba(255, 238, 198, 0.32); --withdraw-progress-track: rgba(58, 48, 22, 0.86); --withdraw-progress-fill: var(--gradient-primary-horizontal); --withdraw-progress-stat-bg: rgba(255, 238, 198, 0.04); --withdraw-progress-label: #c4ad77; --withdraw-progress-value: #fff7e1; --withdraw-progress-note: #d8c69c; /* ---------- CHALLENGES ---------- */ --challenge-filter-bg: rgba(48, 40, 18, 0.58); --challenge-filter-border: rgba(255, 238, 198, 0.26); --challenge-filter-text: #c4ad77; --challenge-filter-text-hover: #ffeec6; --challenge-filter-active-bg: var(--linearbg); --challenge-filter-active-text: var(--text-primary); --challenge-filter-active-ring: rgba(var(--accent-rgb), 0.40); --challenge-card-bg: radial-gradient(120% 80% at 8% -10%, rgba(var(--accent-rgb), 0.30) 0%, rgba(var(--accent-rgb), 0) 58%), radial-gradient(90% 70% at 100% 100%, rgba(var(--accent-rgb), 0.24) 0%, rgba(var(--accent-rgb), 0) 64%), linear-gradient(160deg, color-mix(in srgb, var(--surface-3) 82%, #4a3c1a 18%) 0%, var(--surface-3) 42%, var(--surface-2) 100%); --challenge-card-shadow: 0 10px 24px rgba(0, 0, 0, 0.30), inset 0 0 0 1px rgba(255, 238, 198, 0.06); --challenge-card-sheen: linear-gradient(135deg, rgba(255, 238, 198, 0.06) 0%, rgba(255, 238, 198, 0) 38%), repeating-linear-gradient(-35deg, rgba(255, 238, 198, 0.02) 0 2px, rgba(255, 238, 198, 0) 2px 14px); --challenge-card-overlay-shadow: inset 0 0 0 1px rgba(255, 238, 198, 0.06), inset 0 -42px 60px rgba(8, 5, 1, 0.36); --challenge-image-fallback: color-mix(in srgb, var(--surface-3) 75%, #3a2f15 25%); --challenge-title: #fff7e1; --challenge-target: rgba(241, 224, 177, 0.86); --challenge-label: rgba(212, 192, 142, 0.84); --challenge-value: #fff7e1; --challenge-author: #fff7e1; --challenge-claimed-divider: rgba(255, 238, 198, 0.18); --challenge-completed-ring: rgba(var(--success-rgb), 0.30); --challenge-completed-bg: linear-gradient(180deg, rgba(var(--success-rgb), 0.20) 0%, rgba(var(--success-rgb), 0.10) 100%); --challenge-control-label: rgba(255, 247, 225, 0.78); --challenge-control-btn-bg: rgba(14, 11, 5, 0.92); --challenge-control-btn-border: rgba(255, 238, 198, 0.14); --challenge-control-btn-text: #ffeec6; --challenge-control-btn-icon: rgba(255, 238, 198, 0.85); --challenge-control-badge-bg: rgba(var(--accent-rgb), 0.22); --challenge-control-badge-border: rgba(var(--accent-rgb), 0.45); --challenge-control-badge-text: #ffeec6; --challenge-provider-pill-bg: var(--gradient-primary); --challenge-provider-pill-text: #0a0a0a; /* ---------- TOURNAMENT BUTTONS ---------- */ --tournament-button-bg: var(--gradient-primary); --tournament-button-border: rgba(var(--accent-rgb), 0.62); --tournament-button-color: var(--brand-primary-contrast); --tournament-button-shadow: 0 8px 22px rgba(var(--accent-rgb), 0.42); /* ---------- GENERAL TABS ---------- */ --general-tabs-text: #b8a777; --general-tabs-active-text: #ffeec6; /* ---------- SIDEBAR ---------- */ --sidebar-bg-open: linear-gradient(180deg, rgba(28, 23, 12, .96) 0%, rgba(14, 11, 5, .96) 100%); --sidebar-bg-open-accent: rgba(var(--accent-rgb), .22); --sidebar-bg-open-secondary: rgba(var(--warning-rgb), .12); --sidebar-bg-collapsed: linear-gradient(180deg, rgba(20, 17, 10, 0.98) 0%, rgba(12, 10, 6, 0.98) 100%); --sidebar-bg-collapsed-accent: rgba(var(--accent-rgb), 0.24); --sidebar-bg-active: linear-gradient(180deg, rgba(22, 18, 9, 0.97) 0%, rgba(12, 10, 6, 0.98) 100%); --sidebar-bg-active-accent: rgba(var(--accent-rgb), 0.26); --sidebar-bg-active-secondary: rgba(var(--success-rgb), 0.14); --sidebar-stroke: rgba(255, 238, 198, .08); --sidebar-stroke-strong: rgba(255, 238, 198, .14); --sidebar-stroke-accent: rgba(var(--accent-rgb), .28); --sidebar-text: rgba(255, 247, 225, 0.94); --sidebar-text-muted: rgba(214, 196, 152, 0.84); --sidebar-text-soft: #d8c69c; --sidebar-chip: rgba(255, 238, 198, .05); --sidebar-chip-2: rgba(255, 238, 198, .03); --sidebar-chip-stroke: rgba(255, 238, 198, .08); --sidebar-shadow: 0 30px 70px rgba(0, 0, 0, .60); --sidebar-shadow-soft: 0 14px 30px rgba(0, 0, 0, .32); --sidebar-active-glow: 0 0 0 1px rgba(var(--accent-rgb), .22); --sidebar-overlay: rgba(0, 0, 0, .60); --sidebar-search-bg: radial-gradient(420px 120px at 15% 0%, rgba(var(--accent-rgb), .14), transparent 60%), linear-gradient(180deg, rgba(255, 238, 198, .06), rgba(255, 238, 198, .02)); --sidebar-search-text: var(--sidebar-text-muted); --sidebar-promo-bg: rgba(255, 238, 198, .03); --sidebar-promo-border: rgba(255, 238, 198, .07); --sidebar-promo-item-bg: rgba(0, 0, 0, .14); --sidebar-promo-item-bg-hover:rgba(0, 0, 0, .22); --sidebar-promo-dot: #ffeec6; --sidebar-promo-dot-glow: rgba(var(--accent-rgb), .20); --sidebar-hero-glow: var(--gradient-primary-horizontal); --sidebar-top-btn-border: rgba(255, 238, 198, 0.08); --sidebar-top-btn-bg: linear-gradient(95deg, rgba(53, 44, 22, 0.65) 0%, rgba(38, 31, 14, 0.75) 50%, rgba(22, 18, 9, 0.80) 100%); --sidebar-top-btn-shadow: 0 14px 26px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 238, 198, 0.06); --sidebar-top-btn-title: rgba(255, 247, 225, 0.94); --sidebar-top-btn-arrow: #ffeec6; --sidebar-top-btn-hover-border: rgba(var(--accent-rgb), 0.40); --sidebar-top-btn-hover-shadow: 0 18px 30px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--accent-rgb), 0.20), inset 0 1px 0 rgba(255, 238, 198, 0.10); --sidebar-top-btn-active-border: rgba(var(--accent-rgb), 0.55); --sidebar-top-btn-active-bg: var(--gradient-primary); --sidebar-top-btn-active-shadow: 0 18px 34px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(var(--accent-rgb), 0.28), inset 0 1px 0 rgba(255, 238, 198, 0.13); /* ---------- SETTINGS PAGE ---------- */ --settings-sidebar-bg: rgba(20, 17, 10, 0.92); --settings-sidebar-border: rgba(255, 238, 198, 0.22); --settings-sidebar-shadow: 0 18px 36px rgba(0, 0, 0, 0.38); --settings-sidebar-select-bg: rgba(255, 238, 198, 0.03); --settings-sidebar-item-color: rgba(245, 232, 195, 0.84); --settings-sidebar-item-active-bg: var(--gradient-primary); --settings-sidebar-active-color: #0a0a0a; --settings-content-bg: rgba(20, 17, 10, 0.88); --settings-content-border: rgba(255, 238, 198, 0.20); --settings-content-shadow: 0 24px 48px rgba(0, 0, 0, 0.40); --settings-block-bg: rgba(28, 23, 12, 0.84); --settings-block-border: rgba(255, 238, 198, 0.20); --settings-block-divider: rgba(255, 238, 198, 0.18); --settings-block-title-color: rgba(255, 250, 235, 0.96); --settings-block-desc-color: rgba(228, 212, 170, 0.80); --settings-field-title-color: rgba(245, 232, 195, 0.90); --settings-control-bg: rgba(14, 11, 5, 0.74); --settings-control-border: rgba(255, 238, 198, 0.26); --settings-control-color: rgba(255, 247, 225, 0.95); --settings-check-title-color: rgba(255, 250, 235, 0.94); --settings-check-desc-color: rgba(212, 192, 142, 0.74); /* ---------- PAGE HEADER ---------- */ --page-header-bg: var(--linearbg); --page-header-shadow: 0 18px 60px rgba(0, 0, 0, 0.40), inset 0 1px 0 rgba(255, 238, 198, 0.08); --page-header-top-line: var(--gradient-primary-horizontal); --page-header-title-color: rgba(255, 247, 225, 0.96); --page-header-subtitle-color: rgba(255, 247, 225, 0.65); --page-header-icon-color: #0e0a05; /* ---------- BLOG DETAIL ---------- */ --blog-detail-shell-border: rgba(255, 238, 198, 0.10); --blog-detail-shell-bg: linear-gradient(180deg, rgba(20, 17, 10, 0.94), rgba(20, 17, 10, 0.84)); --blog-detail-shell-shadow: 0 24px 50px rgba(0, 0, 0, 0.40); --blog-detail-empty-border: rgba(255, 238, 198, 0.18); --blog-detail-empty-color: rgba(255, 247, 225, 0.80); --blog-detail-card-bg: rgba(255, 238, 198, 0.02); --blog-detail-close-border: rgba(255, 238, 198, 0.16); --blog-detail-close-bg: rgba(255, 238, 198, 0.04); --blog-detail-close-color: rgba(255, 247, 225, 0.92); --blog-detail-close-border-hover: rgba(255, 238, 198, 0.30); --blog-detail-close-bg-hover: rgba(255, 238, 198, 0.10); --blog-detail-image-border: rgba(255, 238, 198, 0.10); --blog-detail-title-color: #fff7e1; --blog-detail-lead-color: rgba(255, 247, 225, 0.82); --blog-detail-time-color: rgba(255, 247, 225, 0.65); --blog-detail-content-color: rgba(255, 247, 225, 0.88); /* ---------- POLICIES ---------- */ --policies-content-bg: rgba(20, 17, 10, 0.88); --policies-content-color: var(--text-secondary); --policies-link-color: #ffeec6; --policies-heading-color: #fff7e1; /* ---------- WHEEL ---------- */ --wheel-page-glow-a: rgba(var(--accent-rgb), 0.22); --wheel-page-glow-b: rgba(255, 238, 198, 0.10); --wheel-tabs-border: rgba(255, 238, 198, 0.10); --wheel-tabs-bg: linear-gradient(180deg, rgba(255, 238, 198, 0.04), rgba(255, 238, 198, 0.01)); --wheel-tabs-shadow: inset 0 1px 0 rgba(255, 238, 198, 0.06), 0 14px 24px rgba(0, 0, 0, 0.30); --wheel-tab-border: rgba(255, 238, 198, 0.18); --wheel-tab-bg: rgba(255, 238, 198, 0.04); --wheel-tab-color: rgba(255, 247, 225, 0.90); --wheel-tab-border-hover: rgba(255, 238, 198, 0.32); --wheel-tab-shadow: inset 0 1px 0 rgba(255, 238, 198, 0.08); --wheel-tab-shadow-hover: 0 10px 18px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 238, 198, 0.10); --wheel-chip-color: #0a0a0a; --wheel-chip-bg: var(--gradient-primary); --wheel-chip-border: rgba(var(--accent-rgb), 0.45); --wheel-tab-active-border: rgba(var(--accent-rgb), 0.58); --wheel-tab-active-bg: var(--gradient-primary); --wheel-tab-active-shadow: 0 10px 20px rgba(var(--accent-rgb), 0.32); --wheel-card-border: rgba(255, 238, 198, 0.10); --wheel-card-bg: var(--modalbg); --wheel-card-shadow: 0 16px 32px rgba(0, 0, 0, 0.34); --wheel-stage-ring: rgba(255, 238, 198, 0.12); --wheel-stage-ring-outer: rgba(255, 238, 198, 0.04); --wheel-stage-plate-border:rgba(255, 238, 198, 0.16); --wheel-stage-plate-bg: radial-gradient(circle, rgba(255, 238, 198, 0.08), rgba(255, 238, 198, 0.02)); --wheel-stage-center-bg: radial-gradient(circle at 50% 35%, rgba(60, 50, 22, 0.94), rgba(20, 17, 10, 0.98)); --wheel-stage-center-border: rgba(255, 238, 198, 0.30); --wheel-stage-center-ring: rgba(10, 8, 4, 0.65); --wheel-stage-center-shadow: 0 10px 24px rgba(0, 0, 0, 0.46); --wheel-stage-center-highlight:rgba(255, 238, 198, 0.18); --wheel-halo-outer-border: rgba(var(--accent-rgb), 0.42); --wheel-halo-inner-border: rgba(var(--accent-rgb), 0.28); --wheel-halo-inner-shadow: inset 0 0 45px rgba(var(--accent-rgb), 0.22); --wheel-arrow-shadow: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.50)); --wheel-spin-btn-border: rgba(255, 238, 198, 0.24); --wheel-spin-btn-bg: var(--gradient-primary); --wheel-spin-btn-color: #0a0a0a; --wheel-spin-btn-shadow: 0 12px 24px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--accent-rgb), 0.28), inset 0 1px 0 rgba(255, 238, 198, 0.14); --wheel-side-summary-border: rgba(255, 238, 198, 0.10); --wheel-side-summary-bg: linear-gradient(180deg, rgba(255, 238, 198, 0.05), rgba(255, 238, 198, 0.02)); --wheel-muted-text: rgba(255, 247, 225, 0.72); --wheel-strong-text: #fff7e1; --wheel-status-border: rgba(255, 238, 198, 0.18); --wheel-status-bg: rgba(255, 238, 198, 0.04); --wheel-status-ready-color: #ffeec6; --wheel-status-ready-border: rgba(255, 238, 198, 0.40); --wheel-status-ready-bg: rgba(255, 238, 198, 0.14); --wheel-status-passive-color:rgba(255, 247, 225, 0.78); --wheel-article-border: rgba(255, 238, 198, 0.10); --wheel-article-bg: rgba(255, 238, 198, 0.02); --wheel-article-color: rgba(255, 247, 225, 0.88); --wheel-result-border: rgba(var(--accent-rgb), 0.30); --wheel-result-bg: rgba(var(--accent-rgb), 0.14); --wheel-register-btn-border: rgba(var(--accent-rgb), 0.55); --wheel-register-btn-bg: var(--gradient-primary); --wheel-register-btn-color: #0a0a0a; --wheel-register-btn-shadow: 0 12px 24px rgba(var(--accent-rgb), 0.28); /* ---------- PROMOTIONS ---------- */ --promotion-hover-panel-bg: linear-gradient(180deg, rgba(28, 22, 12, 0.94), rgba(20, 17, 10, 0.96)); --promotion-hover-panel-pattern: radial-gradient(620px 240px at 80% 20%, rgba(255, 238, 198, 0.06), transparent 66%); --promotion-hover-title-color: rgba(255, 247, 225, 0.96); --promotion-hover-desc-color: rgba(212, 192, 142, 0.80); --promotion-bottom-icon-color: var(--text-primary); --promotion-bottom-info-color: var(--text-muted); } /* ========================================================= LEGACY HARD-CODED BLUE → GOLD PATCHES Eski sabit hex'leri (custom property üzerinden gitmeyenler) yakala ========================================================= */ /* Header register button (hard-coded in legacy css) */ header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register { background: linear-gradient(313deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important; color: #0a0a0a !important; } /* Hero scoped */ .hero-area-slider { --hero-accent: var(--accent); --hero-accent-rgb: var(--accent-rgb); } .common-form-button .button { background-color: #d9cec0 !important; } #responsive-menu.responsive-menu.active-menu .sb-top-btn.active { background: linear-gradient(90deg, #53472d, #9d8c5d) !important; } #responsive-menu.responsive-menu.active-menu .sl-acc__section { background: transparent !important; }