:host, 
:root {
    --rem: 10;
}

:root {
    --font-default: "DM Sans", sans-serif;
    // Color Start
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-body: #ffffff;
    --color-primary: #2FABF7;
    --color-primary-rgb: 47, 171, 247;
    --color-secondary: #7C6CE4;
    --color-heading: #ffffff;
    --color-heading-rgb: 255, 255, 255;
    --color-content: rgba(var(--color-white-rgb), 0.7);
    --color-bg: #191F23;
    --color-bg2: #121A1F;
    --color-green: #5BCD79;
    --color-border: rgba(var(--color-primary-rgb), 0.16);

    // Font Weight
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;

    // Shadow
    --radius: 8px;
    --radius-10: 8px;
    --radius-16: 16px;
    --shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --transition: all 300ms ease-in-out;
}

