/* TTI YAZILIM - BİRLEŞİK DİNAMİK TEMA CSS */ /* ============================================ GLOBAL CSS VARIABLES - DİNAMİK TANIMLAMALAR ============================================ */ :root { /* Ana Renkler */ --primary: #f47a20; --main: #181818; --secondary: #2f363d; --secondary-2: #9aa0a6; --white: #ffffff; --surface: #f7f7f7; --critical: #ef4444; --warning: #f59e0b; --success: #22c55e; --yellow: #facc15; --line: #e9e9e9; --pink: #ec4899; --blue: #38bdf8; --orange: #f97316; /* Shadow & Effects */ --shadow1: 0px 10px 25px 0px rgba(43, 52, 74, 0.12); --shadow2: 0px 5px 18px 5px rgba(64, 72, 87, 0.15); --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); --card-hover: 0 8px 30px rgba(0, 0, 0, 0.12); /* Primary RGBA & Türevler */ --rgba-primary: rgba(244, 122, 32, 0.1); --primary-light: #ffad53; --primary-dark: #c14700; --primary-alpha-5: rgba(244, 122, 32, 0.05); --primary-alpha-8: rgba(244, 122, 32, 0.08); --primary-alpha-10: rgba(244, 122, 32, 0.1); --primary-alpha-12: rgba(244, 122, 32, 0.12); --primary-alpha-15: rgba(244, 122, 32, 0.15); --primary-alpha-20: rgba(244, 122, 32, 0.2); --primary-alpha-30: rgba(244, 122, 32, 0.3); --primary-alpha-40: rgba(244, 122, 32, 0.4); /* Main RGBA & Türevler */ --main-light: #4b4b4b; --main-dark: #000000; --main-alpha-5: rgba(24, 24, 24, 0.05); --main-alpha-8: rgba(24, 24, 24, 0.08); --main-alpha-10: rgba(24, 24, 24, 0.1); --main-alpha-15: rgba(24, 24, 24, 0.15); --main-alpha-20: rgba(24, 24, 24, 0.2); --main-alpha-30: rgba(24, 24, 24, 0.3); --main-alpha-40: rgba(24, 24, 24, 0.4); /* Secondary RGBA & Türevler */ --secondary-light: #626970; --secondary-dark: #00030a; --secondary-alpha-5: rgba(47, 54, 61, 0.05); --secondary-alpha-8: rgba(47, 54, 61, 0.08); --secondary-alpha-10: rgba(47, 54, 61, 0.1); --secondary-alpha-15: rgba(47, 54, 61, 0.15); --secondary-alpha-20: rgba(47, 54, 61, 0.2); --secondary-alpha-30: rgba(47, 54, 61, 0.3); --secondary-alpha-40: rgba(47, 54, 61, 0.4); /* Success RGBA & Türevler */ --success-light: #55f891; --success-dark: #00922b; --success-alpha-4: rgba(34, 197, 94, 0.04); --success-alpha-5: rgba(34, 197, 94, 0.05); --success-alpha-8: rgba(34, 197, 94, 0.08); --success-alpha-10: rgba(34, 197, 94, 0.1); --success-alpha-12: rgba(34, 197, 94, 0.12); --success-alpha-15: rgba(34, 197, 94, 0.15); --success-alpha-20: rgba(34, 197, 94, 0.2); --success-alpha-25: rgba(34, 197, 94, 0.25); --success-alpha-30: rgba(34, 197, 94, 0.3); --success-alpha-40: rgba(34, 197, 94, 0.4); /* Critical RGBA & Türevler */ --critical-light: #ff7777; --critical-dark: #bc1111; --critical-alpha-5: rgba(239, 68, 68, 0.05); --critical-alpha-8: rgba(239, 68, 68, 0.08); --critical-alpha-10: rgba(239, 68, 68, 0.1); --critical-alpha-12: rgba(239, 68, 68, 0.12); --critical-alpha-15: rgba(239, 68, 68, 0.15); --critical-alpha-20: rgba(239, 68, 68, 0.2); --critical-alpha-30: rgba(239, 68, 68, 0.3); --critical-alpha-40: rgba(239, 68, 68, 0.4); /* Warning RGBA & Türevler */ --warning-light: #ffd13e; --warning-dark: #c26b00; --warning-alpha-5: rgba(245, 158, 11, 0.05); --warning-alpha-8: rgba(245, 158, 11, 0.08); --warning-alpha-10: rgba(245, 158, 11, 0.1); --warning-alpha-12: rgba(245, 158, 11, 0.12); --warning-alpha-15: rgba(245, 158, 11, 0.15); --warning-alpha-20: rgba(245, 158, 11, 0.2); --warning-alpha-30: rgba(245, 158, 11, 0.3); --warning-alpha-40: rgba(245, 158, 11, 0.4); /* Yellow RGBA & Türevler */ --yellow-light: #ffff48; --yellow-dark: #c79900; --yellow-alpha-5: rgba(250, 204, 21, 0.05); --yellow-alpha-8: rgba(250, 204, 21, 0.08); --yellow-alpha-10: rgba(250, 204, 21, 0.1); --yellow-alpha-12: rgba(250, 204, 21, 0.12); --yellow-alpha-15: rgba(250, 204, 21, 0.15); --yellow-alpha-20: rgba(250, 204, 21, 0.2); --yellow-alpha-30: rgba(250, 204, 21, 0.3); --yellow-alpha-40: rgba(250, 204, 21, 0.4); /* Orange RGBA & Türevler */ --orange-light: #ffa649; --orange-dark: #c64000; --orange-alpha-5: rgba(249, 115, 22, 0.05); --orange-alpha-8: rgba(249, 115, 22, 0.08); --orange-alpha-10: rgba(249, 115, 22, 0.1); --orange-alpha-12: rgba(249, 115, 22, 0.12); --orange-alpha-15: rgba(249, 115, 22, 0.15); --orange-alpha-20: rgba(249, 115, 22, 0.2); --orange-alpha-30: rgba(249, 115, 22, 0.3); --orange-alpha-40: rgba(249, 115, 22, 0.4); /* Pink RGBA & Türevler */ --pink-light: #ff7bcc; --pink-dark: #b91566; --pink-alpha-5: rgba(236, 72, 153, 0.05); --pink-alpha-8: rgba(236, 72, 153, 0.08); --pink-alpha-10: rgba(236, 72, 153, 0.1); --pink-alpha-12: rgba(236, 72, 153, 0.12); --pink-alpha-15: rgba(236, 72, 153, 0.15); --pink-alpha-20: rgba(236, 72, 153, 0.2); --pink-alpha-30: rgba(236, 72, 153, 0.3); --pink-alpha-40: rgba(236, 72, 153, 0.4); /* Blue RGBA & Türevler */ --blue-light: #6bf0ff; --blue-dark: #058ac5; --blue-alpha-5: rgba(56, 189, 248, 0.05); --blue-alpha-8: rgba(56, 189, 248, 0.08); --blue-alpha-10: rgba(56, 189, 248, 0.1); --blue-alpha-12: rgba(56, 189, 248, 0.12); --blue-alpha-15: rgba(56, 189, 248, 0.15); --blue-alpha-20: rgba(56, 189, 248, 0.2); --blue-alpha-30: rgba(56, 189, 248, 0.3); --blue-alpha-40: rgba(56, 189, 248, 0.4); /* Line RGBA & Türevler */ --line-light: #ffffff; --line-dark: #b6b6b6; --line-alpha-5: rgba(233, 233, 233, 0.05); --line-alpha-8: rgba(233, 233, 233, 0.08); --line-alpha-10: rgba(233, 233, 233, 0.1); --line-alpha-15: rgba(233, 233, 233, 0.15); --line-alpha-20: rgba(233, 233, 233, 0.2); --line-alpha-30: rgba(233, 233, 233, 0.3); /* Surface RGBA & Türevler */ --surface-light: #ffffff; --surface-dark: #eaeaea; --surface-alpha-5: rgba(247, 247, 247, 0.05); --surface-alpha-8: rgba(247, 247, 247, 0.08); --surface-alpha-10: rgba(247, 247, 247, 0.1); --surface-alpha-20: rgba(247, 247, 247, 0.2); --surface-alpha-30: rgba(247, 247, 247, 0.3); /* Gri Tonları */ --gray-light: #f8f8f8; --gray: #d0d0d0; --gray-dark: #999; --text-light: #626970; --bg-light: #ffffff; /* Gradyanlar */ --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); --gradient-success: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%); --gradient-warning: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%); --gradient-critical: linear-gradient(135deg, var(--critical) 0%, var(--critical-dark) 100%); --gradient-info: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%); --gradient-orange: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%); --gradient-yellow: linear-gradient(135deg, var(--yellow) 0%, var(--yellow-dark) 100%); --gradient-pink: linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%); /* Transition */ --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* Para Birimi */ --currency-symbol: "₺"; /* Slider Heights */ --slider-height-desktop: 85vh; --slider-height-tablet: 70vh; --slider-height-mobile: 65vh; }