vars.scss
1 $color-text: var(--text-100); 2 $color-text-inverted: var(--text-950); 3 4 $color-text-50: var(--text-50); 5 $color-text-100: var(--text-100); 6 $color-text-200: var(--text-200); 7 $color-text-300: var(--text-300); 8 $color-text-400: var(--text-400); 9 $color-text-500: var(--text-500); 10 $color-text-600: var(--text-600); 11 $color-text-700: var(--text-700); 12 $color-text-800: var(--text-800); 13 $color-text-900: var(--text-900); 14 $color-text-950: var(--text-950); 15 16 $color-background-50: var(--background-50); 17 $color-background-100: var(--background-100); 18 $color-background-200: var(--background-200); 19 $color-background-300: var(--background-300); 20 $color-background-400: var(--background-400); 21 $color-background-500: var(--background-500); 22 $color-background-600: var(--background-600); 23 $color-background-700: var(--background-700); 24 $color-background-800: var(--background-800); 25 $color-background-900: var(--background-900); 26 $color-background-950: var(--background-950); 27 28 $color-primary-50: var(--primary-50); 29 $color-primary-100: var(--primary-100); 30 $color-primary-200: var(--primary-200); 31 $color-primary-300: var(--primary-300); 32 $color-primary-400: var(--primary-400); 33 $color-primary-500: var(--primary-500); 34 $color-primary-600: var(--primary-600); 35 $color-primary-700: var(--primary-700); 36 $color-primary-800: var(--primary-800); 37 $color-primary-900: var(--primary-900); 38 $color-primary-950: var(--primary-950); 39 40 $color-secondary-50: var(--secondary-50); 41 $color-secondary-100: var(--secondary-100); 42 $color-secondary-200: var(--secondary-200); 43 $color-secondary-300: var(--secondary-300); 44 $color-secondary-400: var(--secondary-400); 45 $color-secondary-500: var(--secondary-500); 46 $color-secondary-600: var(--secondary-600); 47 $color-secondary-700: var(--secondary-700); 48 $color-secondary-800: var(--secondary-800); 49 $color-secondary-900: var(--secondary-900); 50 $color-secondary-950: var(--secondary-950); 51 52 $color-accent-50: var(--accent-50); 53 $color-accent-100: var(--accent-100); 54 $color-accent-200: var(--accent-200); 55 $color-accent-300: var(--accent-300); 56 $color-accent-400: var(--accent-400); 57 $color-accent-500: var(--accent-500); 58 $color-accent-600: var(--accent-600); 59 $color-accent-700: var(--accent-700); 60 $color-accent-800: var(--accent-800); 61 $color-accent-900: var(--accent-900); 62 $color-accent-950: var(--accent-950); 63 64 $border-radius: 8px; 65 66 $padding-small: 4px; 67 $padding: 8px; 68 $padding-large: 16px; 69 70 $margin-small: 4px; 71 $margin: 8px; 72 $margin-large: 16px;