/* TTI YAZILIM - BİRLEŞİK DİNAMİK TEMA CSS */ /* ============================================ GLOBAL CSS VARIABLES - DİNAMİK TANIMLAMALAR ============================================ */ :root { /* Ana Renkler */ --primary: #7cb342; --main: #1f2933; --secondary: #111111; --secondary-2: #6b7280; --white: #ffffff; --surface: #f9fafb; --critical: #dc2626; --warning: #f59e0b; --success: #2e7d32; --yellow: #facc15; --line: #e5e7eb; --pink: #ec4899; --blue: #0284c7; --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(124, 179, 66, 0.1); --primary-light: #afe675; --primary-dark: #49800f; --primary-alpha-5: rgba(124, 179, 66, 0.05); --primary-alpha-8: rgba(124, 179, 66, 0.08); --primary-alpha-10: rgba(124, 179, 66, 0.1); --primary-alpha-12: rgba(124, 179, 66, 0.12); --primary-alpha-15: rgba(124, 179, 66, 0.15); --primary-alpha-20: rgba(124, 179, 66, 0.2); --primary-alpha-30: rgba(124, 179, 66, 0.3); --primary-alpha-40: rgba(124, 179, 66, 0.4); /* Main RGBA & Türevler */ --main-light: #525c66; --main-dark: #000000; --main-alpha-5: rgba(31, 41, 51, 0.05); --main-alpha-8: rgba(31, 41, 51, 0.08); --main-alpha-10: rgba(31, 41, 51, 0.1); --main-alpha-15: rgba(31, 41, 51, 0.15); --main-alpha-20: rgba(31, 41, 51, 0.2); --main-alpha-30: rgba(31, 41, 51, 0.3); --main-alpha-40: rgba(31, 41, 51, 0.4); /* Secondary RGBA & Türevler */ --secondary-light: #444444; --secondary-dark: #000000; --secondary-alpha-5: rgba(17, 17, 17, 0.05); --secondary-alpha-8: rgba(17, 17, 17, 0.08); --secondary-alpha-10: rgba(17, 17, 17, 0.1); --secondary-alpha-15: rgba(17, 17, 17, 0.15); --secondary-alpha-20: rgba(17, 17, 17, 0.2); --secondary-alpha-30: rgba(17, 17, 17, 0.3); --secondary-alpha-40: rgba(17, 17, 17, 0.4); /* Success RGBA & Türevler */ --success-light: #61b065; --success-dark: #004a00; --success-alpha-4: rgba(46, 125, 50, 0.04); --success-alpha-5: rgba(46, 125, 50, 0.05); --success-alpha-8: rgba(46, 125, 50, 0.08); --success-alpha-10: rgba(46, 125, 50, 0.1); --success-alpha-12: rgba(46, 125, 50, 0.12); --success-alpha-15: rgba(46, 125, 50, 0.15); --success-alpha-20: rgba(46, 125, 50, 0.2); --success-alpha-25: rgba(46, 125, 50, 0.25); --success-alpha-30: rgba(46, 125, 50, 0.3); --success-alpha-40: rgba(46, 125, 50, 0.4); /* Critical RGBA & Türevler */ --critical-light: #ff5959; --critical-dark: #a90000; --critical-alpha-5: rgba(220, 38, 38, 0.05); --critical-alpha-8: rgba(220, 38, 38, 0.08); --critical-alpha-10: rgba(220, 38, 38, 0.1); --critical-alpha-12: rgba(220, 38, 38, 0.12); --critical-alpha-15: rgba(220, 38, 38, 0.15); --critical-alpha-20: rgba(220, 38, 38, 0.2); --critical-alpha-30: rgba(220, 38, 38, 0.3); --critical-alpha-40: rgba(220, 38, 38, 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: #35b7fa; --blue-dark: #005194; --blue-alpha-5: rgba(2, 132, 199, 0.05); --blue-alpha-8: rgba(2, 132, 199, 0.08); --blue-alpha-10: rgba(2, 132, 199, 0.1); --blue-alpha-12: rgba(2, 132, 199, 0.12); --blue-alpha-15: rgba(2, 132, 199, 0.15); --blue-alpha-20: rgba(2, 132, 199, 0.2); --blue-alpha-30: rgba(2, 132, 199, 0.3); --blue-alpha-40: rgba(2, 132, 199, 0.4); /* Line RGBA & Türevler */ --line-light: #ffffff; --line-dark: #b2b4b8; --line-alpha-5: rgba(229, 231, 235, 0.05); --line-alpha-8: rgba(229, 231, 235, 0.08); --line-alpha-10: rgba(229, 231, 235, 0.1); --line-alpha-15: rgba(229, 231, 235, 0.15); --line-alpha-20: rgba(229, 231, 235, 0.2); --line-alpha-30: rgba(229, 231, 235, 0.3); /* Surface RGBA & Türevler */ --surface-light: #ffffff; --surface-dark: #ecedee; --surface-alpha-5: rgba(249, 250, 251, 0.05); --surface-alpha-8: rgba(249, 250, 251, 0.08); --surface-alpha-10: rgba(249, 250, 251, 0.1); --surface-alpha-20: rgba(249, 250, 251, 0.2); --surface-alpha-30: rgba(249, 250, 251, 0.3); /* Gri Tonları */ --gray-light: #f8f8f8; --gray: #d0d0d0; --gray-dark: #999; --text-light: #444444; --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; }