:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --alpha-black-0: hsl(0 0% 0% / 0); --alpha-black-16: hsl(0 0% 0% / 0.16); --alpha-black-32: hsl(0 0% 0% / 0.32); --alpha-black-48: hsl(0 0% 0% / 0.48); --alpha-black-64: hsl(0 0% 0% / 0.64); --alpha-black-80: hsl(0 0% 0% / 0.8); --alpha-black-100: hsl(0 0% 0%); --alpha-white-0: hsl(0 0% 100% / 0); --alpha-white-6: hsl(0 0% 100% / 0.06); --alpha-white-10: hsl(0 0% 100% / 0.1); --alpha-white-16: hsl(0 0% 100% / 0.16); --alpha-white-24: hsl(0 0% 100% / 0.24); --alpha-white-40: hsl(0 0% 100% / 0.4); --alpha-white-64: hsl(0 0% 100% / 0.64); --alpha-white-80: hsl(0 0% 100% / 0.8); --alpha-white-100: hsl(0 0% 100%); --neutral-50: #EAF0F6; --neutral-100: #D7E0EA; --neutral-200: #BCC8D5; --neutral-300: #96A7B9; --neutral-400: #71859A; --neutral-500: #52657A; --neutral-600: #38495D; --neutral-700: #243140; --neutral-800: #161F2A; --neutral-900: #0C1219; --neutral-950: #05080D; --brand-50: #F0F8FF; --brand-100: #DCEEFF; --brand-200: #B9DEFF; --brand-300: #8BC8FF; --brand-400: #58AEF6; --brand-500: #238FE6; --brand-600: #0F74CB; --brand-700: #0C5AA0; --brand-900: #0C2F52; --brand-950: #081B31; --success-100: #D7F8E7; --success-500: #18B66D; --success-700: #0D7B47; --warning-100: #FFF0D2; --warning-500: #F0A126; --warning-700: #A96800; --error-100: #FFE0E6; --error-500: #E14B61; --error-700: #A92A3D; --border-subtle: hsl(0 0% 100% / 0.08); --border-default: hsl(206 100% 88% / 0.16); --border-strong: hsl(206 100% 88% / 0.28); --border-brand: #8BC8FF; --border-inverse: hsl(0 0% 100% / 0.4); --surface-page: #05080D; --surface-section: #0C1219; --surface-panel: #101722; --surface-panel-hover: #141D2A; --surface-elevated: #182230; --surface-soft: hsl(0 0% 100% / 0.04); --surface-brand-soft: hsl(208 100% 74% / 0.08); --surface-brand-solid: #0F74CB; --surface-overlay: hsl(0 0% 0% / 0.64); --text-primary: hsl(0 0% 100%); --text-secondary: hsl(0 0% 100% / 0.8); --text-tertiary: hsl(0 0% 100% / 0.64); --text-muted: #96A7B9; --text-disabled: hsl(0 0% 100% / 0.4); --text-brand: #8BC8FF; --text-on-brand: #F0F8FF; --text-on-light: #081B31; --action-primary-surface: #0F74CB; --action-primary-hover: #238FE6; --action-primary-border: #58AEF6; --action-primary-text: #F0F8FF; --action-secondary-surface: hsl(0 0% 100% / 0.04); --action-secondary-hover: hsl(0 0% 100% / 0.08); --action-secondary-border: hsl(206 100% 88% / 0.18); --action-secondary-text: hsl(0 0% 100% / 0.88); --focus-ring: hsl(206 100% 70% / 0.4); --maincolor: #0F74CB; --secondary-color: #0C1219; --slumberland: #B10015; --vitalize: #F5881F;}