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

html, body{
  height: 100%;
}

:root{

    /*========== ACCENTS ==========*/

    --accent-primary:#40ff59;
    --accent-secondary:#046915;

    --accent-gradient:
        linear-gradient(
            135deg,
            var(--accent-primary),
            var(--accent-secondary)
        );

    /*========== BACKGROUNDS ==========*/

    --bg-glass:
        rgba(255,255,255,0.05);

    --bg-input:
        rgba(0,0,0,0.35);

    /*========== BORDERS ==========*/

    --border-light:
        rgba(255,255,255,0.08);

    --border-subtle:
        rgba(255,255,255,0.03);

    /*========== TEXT ==========*/

    --text-main:#fff;

    --text-muted:
        rgba(255,255,255,0.45);

    /*========== GLOWS / SHADOWS ==========*/

    --glow-primary:
        rgba(60,255,0,0.35);

    --shadow-main:
        rgba(0,0,0,0.35);

    --shadow-button:
        rgba(40,160,3,0.35);

}