:root { --primary: #0067d9; --primary-dark: #0051ab; --primary-deep: #003e85; --primary-light: #eff6ff; --primary-50: #f8fbff; --primary-border: #bfdbfe; --primary-disabled: #a9c9ef; --dark: #0f172a; --slate-800: #1e293b; --slate-700: #334155; --slate-600: #475569; --slate-500: #64748b; --slate-400: #94a3b8; --slate-200: #e2e8f0; --slate-100: #f1f5f9; --slate-50: #f8fafc; --white: #ffffff; --black: #000000; --surface-soft: #fafcfe; --border-blue: #c7deec; --sky-100: #e0f2fe; --sky-200: #bae6fd; --sky-700: #0369a1; --danger: #b42318; --danger-light: #e2574c; --primary-trans-10: rgba(0, 103, 217, .10); --primary-trans-15: rgba(0, 103, 217, .15); --primary-trans-20: rgba(0, 103, 217, .20); --primary-trans-25: rgba(0, 103, 217, .25); --primary-trans-30: rgba(0, 103, 217, .30); --primary-trans-40: rgba(0, 103, 217, .40); --primary-trans-90: rgba(0, 103, 217, .9); --dark-trans-05: rgba(15, 23, 42, .05); --dark-trans-15: rgba(15, 23, 42, .15); --dark-trans-20: rgba(15, 23, 42, .20); --dark-trans-55: rgba(15, 23, 42, .55); --dark-trans-70: rgba(15, 23, 42, .70); --dark-trans-85: rgba(15, 23, 42, .85);}