:root { --primary: #2563eb; --secondary: #f59e0b; --white: #fff; --base-50: oklch(98.5% 0.002 247.839); --base-100: oklch(96.7% 0.003 264.542); --base-200: oklch(92.8% 0.006 264.531); --base-300: oklch(87.2% 0.01 258.338); --base-400: oklch(70.7% 0.022 261.325); --base-500: oklch(55.1% 0.027 264.364); --base-600: oklch(44.6% 0.03 256.802); --base-700: oklch(37.3% 0.034 259.733); --base-800: oklch(27.8% 0.033 256.848); --base-900: oklch(21% 0.034 264.665); --base-950: oklch(13% 0.028 261.692); --black: #000; --success: #06EF44; --error: #F92444; --warning: #F59E0B; --info: #0EA5E9; --light: var(--base-50); --dark: var(--base-950); --light-t-1: hsla(0, 0%, 100%, 0.1); --light-t-2: hsla(0, 0%, 100%, 0.2); --light-t-3: hsla(0, 0%, 100%, 0.3); --light-t-4: hsla(0, 0%, 100%, 0.4); --light-t-5: hsla(0, 0%, 100%, 0.5); --light-t-6: hsla(0, 0%, 100%, 0.6); --light-t-7: hsla(0, 0%, 100%, 0.7); --light-t-8: hsla(0, 0%, 100%, 0.8); --light-t-9: hsla(0, 0%, 100%, 0.9); --dark-t-1: hsla(0, 0%, 0%, 0.1); --dark-t-2: hsla(0, 0%, 0%, 0.2); --dark-t-3: hsla(0, 0%, 0%, 0.3); --dark-t-4: hsla(0, 0%, 0%, 0.4); --dark-t-5: hsla(0, 0%, 0%, 0.5); --dark-t-6: hsla(0, 0%, 0%, 0.6); --dark-t-7: hsla(0, 0%, 0%, 0.7); --dark-t-8: hsla(0, 0%, 0%, 0.8); --dark-t-9: hsla(0, 0%, 0%, 0.9); --primary-l-1: #6e97f2; --primary-l-2: #b6cbf8; --primary-d-1: #19429d; --primary-d-2: #0c214e;}