:root {
    --color-primary-100: #000000;
    --color-primary-90: #19191A;
    --color-primary-80: #333333;
    --color-primary-70: #4C4C4D;
    --color-primary-60: #656566;
    --color-primary-50: #7E7E80;
    --color-primary-40: #989899;
    --color-primary-30: #B1B1B2;
    --color-primary-20: #CACACC;
    --color-primary-10: #E4E4E5;
    --color-primary-5: #F0F0F2;
    --color-primary: var(--color-primary-50);

    --color-dark-100: #000000;
    --color-dark-90: #19191a;
    --color-dark-80: #333;
    --color-dark-70: #4c4c4d;
    --color-dark-60: #656566;
    --color-dark-50: #7e7e80;
    --color-dark-40: #989899;
    --color-dark-30: #b1b1b2;
    --color-dark-20: #cacacc;
    --color-dark-10: #e4e4e5;
    --color-dark-5: #f0f0f2;
	--color-dark: var(--color-dark-50);

    --color-white-100: #ffffff;
    --color-dark-alhpa-90: rgba(0, 0, 0, 0.9);
    --color-dark-alhpa-80: rgba(0, 0, 0, 0.8);
    --color-dark-alhpa-70: rgba(0, 0, 0, 0.7);
    --color-dark-alhpa-60: rgba(0, 0, 0, 0.6);
    --color-dark-alhpa-50: rgba(0, 0, 0, 0.5);
    --color-dark-alhpa-40: rgba(0, 0, 0, 0.4);
    --color-dark-alhpa-30: rgba(0, 0, 0, 0.3);
    --color-dark-alhpa-20: rgba(0, 0, 0, 0.2);
    --color-dark-alhpa-10: rgba(0, 0, 0, 0.1);
    --color-dark-alhpa-5: rgba(0, 0, 0, 0.05);
	--color-dark-alhpa: var(--color-dark-alhpa-50);

    --color-white-alhpa-90: rgba(255, 255, 255, 0.9);
    --color-white-alhpa-80: rgba(255, 255, 255, 0.8);
    --color-white-alhpa-70: rgba(255, 255, 255, 0.7);
    --color-white-alhpa-60: rgba(255, 255, 255, 0.6);
    --color-white-alhpa-50: rgba(255, 255, 255, 0.5);
    --color-white-alhpa-40: rgba(255, 255, 255, 0.4);
    --color-white-alhpa-30: rgba(255, 255, 255, 0.3);
    --color-white-alhpa-20: rgba(255, 255, 255, 0.2);
    --color-white-alhpa-10: rgba(255, 255, 255, 0.1);
    --color-white-alhpa-5: rgba(255, 255, 255, 0.05);
	--color-white-alhpa: var(--color-white-alhpa-50);

    --color-blue-90: #000e1a;
    --color-blue-80: #00294d;
    --color-blue-70: #004580;
    --color-blue-60: #1268b2;
    --color-blue-50: #2e90e5;
    --color-blue-40: #55a9f2;
    --color-blue-30: #91c5f2;
    --color-blue-20: #bfe2ff;
    --color-blue-10: #e5f3ff;
    --color-blue: var(--color-blue-50);
    
	--color-red-90: #1a0003;
    --color-red-80: #66000e;
    --color-red-70: #990015;
    --color-red-60: #cc001c;
    --color-red-50: #ff0023;
    --color-red-40: #ff334f;
    --color-red-30: #ff667b;
    --color-red-20: #ff99a7;
    --color-red-10: #ffccd3;
    --color-red: var(--color-red-50);
	
    --color-green-90: #011a00;
    --color-green-80: #014000;
    --color-green-70: #026600;
    --color-green-60: #0a8c07;
    --color-green-50: #0db209;
    --color-green-40: #2dcc29;
    --color-green-30: #5fe55c;
    --color-green-20: #94f291;
    --color-green-10: #cdffcc;
    --color-green: var(--color-green-50);
	
    --color-orange-90: #331f00;
    --color-orange-80: #663d00;
    --color-orange-70: #995c00;
    --color-orange-60: #cc7a00;
    --color-orange-50: #ff9900;
    --color-orange-40: #ffaa33;
    --color-orange-30: #ffc266;
    --color-orange-20: #ffd699;
    --color-orange-10: #ffebcc;
    --color-orange: var(--color-orange-50);

    --size-s: 4px;
    --size-sm: 8px;
    --size-m: 16px;
    --size-l: 32px;
    --size-xl: 64px;
    --size-xxl: 128px;
    --viewport-xs: 320px;
    --viewport-s: 640px;
    --viewport-m: 1008px;
    --viewport-l: 1540px;
    --elevation-01: 0px 2px 12px rgba(24, 25, 26, 0.08),0px 1px 2px rgba(26, 13, 0, 0.08);
    --elevation-02: 0px 4px 16px rgba(24, 25, 26, 0.1),0px 1px 4px rgba(26, 13, 0, 0.1);
    --elevation-03: 0px 6px 24px rgba(24, 25, 26, 0.12),0px 1px 6px rgba(26, 13, 0, 0.1);
    --elevation-04: 0px 8px 40px rgba(24, 25, 26, 0.14),0px 2px 12px rgba(26, 13, 0, 0.12);
    --radius-base-xs: 2px;
    --radius-base-s: 4px;
    --radius-base-sm: 8px;
    --radius-base-m: 16px;
    --radius-base-l: 32px;
    --radius-pill-xxs: 8px;
    --radius-pill-xs: 10px;
    --radius-pill-s: 12px;
    --radius-pill-sm: 16px;
    --radius-pill-m: 20px;
    --radius-pill-l: 24px;
    --radius-pill-xl: 32px;
    --radius-circle-xxs: 2px;
    --radius-circle-xs: 4px;
    --radius-circle-6: 6px;
    --radius-circle-s: 8px;
    --radius-circle-sm: 12px;
    --radius-circle-m: 16px;
    --radius-circle-l: 20px;
    --radius-circle-xl: 24px;
    --radius-circle-xxl: 32px;
    --radius-circle-40: 40px;
    --radius-circle-48: 48px;
}