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

:root {
    --font-default: "Archivo", 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: #007F61;
    --color-primary-rgb: 0, 127, 97;
    --color-primary2: #FF965A;
    --color-secondary: #F9F9F9;
    --color-heading: #141F39;
    --color-heading-rgb: 20, 31, 57;
    --color-content: #333333;
    --color-content2: #666666;
    --color-btn: #1A4200;
    --color-blue: #3F5DD1;
    --color-yellow: #FFDF00;
    --color-green: #20D86C;
    --color-border: #e3e3e3;

    // 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: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-16: 16px;
    --shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --transition: all 300ms ease-in-out;
}
