/* General */
:root {
	--border-radius: 0;
	--border-radius2x: 0;
	--default: #777;
}
/* Skin Colors */
:root {
    /* Primary Colors converted to grayscale */
    --primary: #6e6e6e;
    --primary-100: #616161;
    --primary-200: #5b5b5b;
    --primary-300: #555555;
    --primary--100: #7a7a7a;
    --primary--200: #818181;
    --primary--300: #878787;
    --primary-rgba-0: rgba(110, 110, 110, 0);
    --primary-rgba-10: rgba(110, 110, 110, 0.1);
    --primary-rgba-20: rgba(110, 110, 110, 0.2);
    --primary-rgba-30: rgba(110, 110, 110, 0.3);
    --primary-rgba-40: rgba(110, 110, 110, 0.4);
    --primary-rgba-50: rgba(110, 110, 110, 0.5);
    --primary-rgba-60: rgba(110, 110, 110, 0.6);
    --primary-rgba-70: rgba(110, 110, 110, 0.7);
    --primary-rgba-80: rgba(110, 110, 110, 0.8);
    --primary-rgba-90: rgba(110, 110, 110, 0.9);

    /* Secondary Colors converted to grayscale */
    --secondary: #505050;
    --secondary-100: #464646;
    --secondary-200: #414141;
    --secondary-300: #3c3c3c;
    --secondary--100: #5a5a5a;
    --secondary--200: #5e5e5e;
    --secondary--300: #646464;
    --secondary-rgba-0: rgba(80, 80, 80, 0);
    --secondary-rgba-10: rgba(80, 80, 80, 0.1);
    --secondary-rgba-20: rgba(80, 80, 80, 0.2);
    --secondary-rgba-30: rgba(80, 80, 80, 0.3);
    --secondary-rgba-40: rgba(80, 80, 80, 0.4);
    --secondary-rgba-50: rgba(80, 80, 80, 0.5);
    --secondary-rgba-60: rgba(80, 80, 80, 0.6);
    --secondary-rgba-70: rgba(80, 80, 80, 0.7);
    --secondary-rgba-80: rgba(80, 80, 80, 0.8);
    --secondary-rgba-90: rgba(80, 80, 80, 0.9);

    /* Tertiary Colors converted to grayscale */
    --tertiary: #8f8f8f;
    --tertiary-100: #828282;
    --tertiary-200: #7c7c7c;
    --tertiary-300: #757575;
    --tertiary--100: #9b9b9b;
    --tertiary--200: #a2a2a2;
    --tertiary--300: #a8a8a8;
    --tertiary-rgba-0: rgba(143, 143, 143, 0);
    --tertiary-rgba-10: rgba(143, 143, 143, 0.1);
    --tertiary-rgba-20: rgba(143, 143, 143, 0.2);
    --tertiary-rgba-30: rgba(143, 143, 143, 0.3);
    --tertiary-rgba-40: rgba(143, 143, 143, 0.4);
    --tertiary-rgba-50: rgba(143, 143, 143, 0.5);
    --tertiary-rgba-60: rgba(143, 143, 143, 0.6);
    --tertiary-rgba-70: rgba(143, 143, 143, 0.7);
    --tertiary-rgba-80: rgba(143, 143, 143, 0.8);
    --tertiary-rgba-90: rgba(143, 143, 143, 0.9);

    /* Quaternary Colors (already shades of black/gray) */
    --quaternary: #242424;
    --quaternary-100: #171717;
    --quaternary-200: #111111;
    --quaternary-300: #0a0a0a;
    --quaternary--100: #313131;
    --quaternary--200: #373737;
    --quaternary--300: #3e3e3e;
    --quaternary-rgba-0: rgba(36, 36, 36, 0);
    --quaternary-rgba-10: rgba(36, 36, 36, 0.1);
    --quaternary-rgba-20: rgba(36, 36, 36, 0.2);
    --quaternary-rgba-30: rgba(36, 36, 36, 0.3);
    --quaternary-rgba-40: rgba(36, 36, 36, 0.4);
    --quaternary-rgba-50: rgba(36, 36, 36, 0.5);
    --quaternary-rgba-60: rgba(36, 36, 36, 0.6);
    --quaternary-rgba-70: rgba(36, 36, 36, 0.7);
    --quaternary-rgba-80: rgba(36, 36, 36, 0.8);
    --quaternary-rgba-90: rgba(36, 36, 36, 0.9);

    /* Dark Colors converted to grayscale */
    --dark: #242424;
    --dark-100: #181818;
    --dark-200: #121212;
    --dark-300: #0c0c0c;
    --dark--100: #313131;
    --dark--200: #373737;
    --dark--300: #3e3e3e;
    --dark-rgba-0: rgba(36, 36, 36, 0);
    --dark-rgba-10: rgba(36, 36, 36, 0.1);
    --dark-rgba-20: rgba(36, 36, 36, 0.2);
    --dark-rgba-30: rgba(36, 36, 36, 0.3);
    --dark-rgba-40: rgba(36, 36, 36, 0.4);
    --dark-rgba-50: rgba(36, 36, 36, 0.5);
    --dark-rgba-60: rgba(36, 36, 36, 0.6);
    --dark-rgba-70: rgba(36, 36, 36, 0.7);
    --dark-rgba-80: rgba(36, 36, 36, 0.8);
    --dark-rgba-90: rgba(36, 36, 36, 0.9);

    /* Light Colors (remain as they are, white shades) */
    --light: #ffffff;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}