:root {--n-primary-0: #FCFCFD; --n-primary-1: #F9FAFB; --n-primary-2: #F2F4F7; --n-primary-3: #E4E7EC; --n-primary-4: #D0D5DD; --n-primary-5: #98A2B3; --n-primary-6: #667085; --n-primary-7: #475467; --n-primary-8: #344054; --n-primary-9: #182230; --n-primary-10: #101828; --n-primary-11: #0C111D; --n-primary: var(--n-primary-8); --n-warning-0: #FEF0C7; --n-warning-1: #FEDF89; --n-warning-2: #FEC84B; --n-warning-3: #FDB022; --n-warning-4: #F79009; --n-warning-5: #DC6803; --n-warning: var(--n-warning-3); --n-success-0: #DCFAE6; --n-success-1: #ABEFC6; --n-success-2: #75E0A7; --n-success-3: #47CD89; --n-success-4: #17B26A; --n-success-5: #079455; --n-success-6: #067647; --n-success: var(--n-success-3); --n-info-0: #D1E9FF; --n-info-1: #B2DDFF; --n-info-2: #84CAFF; --n-info-3: #53B1FD; --n-info-4: #2E90FA; --n-info-5: #1570EF; --n-info: var(--n-info-3); --n-error-0: #FEE4E2; --n-error-1: #FECDCA; --n-error-2: #FDA29B; --n-error-3: #F97066; --n-error-4: #F04438; --n-error-5: #D92D20; --n-error-6: #B42318; --n-error: var(--n-error-3); --n-white-0: #FFFFFF; --n-white: var(--n-white-0); --n-black-0: #000000; --n-black: var(--n-black-0); --n-text-white: #FFFFFF; --n-text-primary: #344054; --n-text-info: #36BFFA; --n-text-warning: #FDB022; --n-text-error: #EF3528; --n-text-success: #47CD89; --n-text-black: #000000; --n-font-size: 1rem; --n-font-size-xs: calc(var(--n-font-size) * 0.75); --n-font-size-sm: calc(var(--n-font-size) * 0.875); --n-font-size-md: calc(var(--n-font-size) * 1); --n-font-size-lg: calc(var(--n-font-size) * 1.125); --n-font-size-xl: calc(var(--n-font-size) * 1.25); --n-display-size: 1rem; --n-display-font-size-xxl: calc(var(--n-display-size) * 4.5); --n-display-font-size-xl: calc(var(--n-display-size) * 3.75); --n-display-font-size-lg: calc(var(--n-display-size) * 3); --n-display-font-size-md: calc(var(--n-display-size) * 2.25); --n-display-font-size-sm: calc(var(--n-display-size) * 1.875); --n-display-font-size-xs: calc(var(--n-display-size) * 1.5); --n-display-line-height-xxl: calc(var(--n-display-size) * 5.625); --n-display-line-height-xl: calc(var(--n-display-size) * 4.5); --n-display-line-height-lg: calc(var(--n-display-size) * 3.75); --n-display-line-height-md: calc(var(--n-display-size) * 2.75); --n-display-line-height-sm: calc(var(--n-display-size) * 2.375); --n-display-line-height-xs: calc(var(--n-display-size) * 2); --n-space: 1rem; --n-space-xxs: calc(var(--n-space) * 0.25); --n-space-xs: calc(var(--n-space) * 0.5); --n-space-sm: calc(var(--n-space) * 0.75); --n-space-md: calc(var(--n-space) * 1); --n-space-lg: calc(var(--n-space) * 2.5); --n-space-xl: calc(var(--n-space) * 3); --n-space-xxl: calc(var(--n-space) * 4); --n-breakpoint-xs: 576px; --n-breakpoint-sm: 768px; --n-breakpoint-md: 992px; --n-breakpoint-lg: 1200px; --n-breakpoint-xl: 1408px; }