:root {
    --font: "Lexend";
    --span-cta-font: "Dongle";
    --accent-color: #67C69F;
    --accent-color-light: #76ECB2;
    --accent-color-dark: #4B8A7E;

    --pill-background: #4B8A7E;
    --pill-color: #000000;

    --accent-color-bg: linear-gradient(to right, var(--color-bg), var(--accent-color) 40%, var(--accent-color-light) 50%, var(--accent-color) 60%, var(--color-bg));
    --accent-bg-image: linear-gradient(0deg, var(--color-bg) 40%, var(--accent-color));
    --accent-bg-image-corner: linear-gradient(-45deg, var(--color-bg) 40%, var(--accent-color) 90%, var(--accent-color-light) 100%);
    --gradient-buttons: linear-gradient(45deg, var(--accent-color-dark) 0%, var(--accent-color) 50%, var(--accent-color) 100%);
    --gradient-fluff: linear-gradient(175deg, var(--accent-color-light) 10%, var(--accent-color) 30%, var(--accent-color-dark) 100%);

    --border: 1px solid var(--border-color);
    --border-color: #316c63;

    --color-bg: #1e1e1e;
    --color-bg-dark: #232B3E;
    --color-link-hover: #232B3E;
    --color-backdrop: #c1c1c1b8;

    --font-color: #bababa;
    --font-color-dark: #b2b2b2;
    --font-color-light: #bbbbbb;
    --font-color-buttons: #ffffff;
}