:root {
    /* Brand */
    --color-primary:       #00693e;
    --color-primary-div:   #00814b;
    --color-accent:        #00FF97;

    /* Neutrals */
    --color-white:         #ffffff;
    --color-black:         #000000;
    --color-bg-dark:       #181818;
    --color-bg-light:      #f5f6f6;
    --color-hero-bg:       #0b1a14;

    /* Text */
    --color-text:          #000000;
    --color-text-muted:    #5f5f5f;
    --color-text-light:    #ffffff;

    /* UI */
    --color-border:        #9fa4a4;
    --color-divider:       #d4d9d9;
    --color-error:         #c40000;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: sans-serif;
    line-height: 1.6;
    color: #333;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}