:root {
    --body-bg-color: #000000;
    --body-bg-color2: #232f3b;
    --body-bg-color3: #232f3b55;
    --text-color: hsl(213 20% 80%);
    --footer-bg-color: #000000;
    --footer-link-color: hsl(213, 20%, 65%);
    --footer-link-hover-color: hsl(211, 98%, 90%);

    --accent-blue: #64c7ff;
    --link-blue: #8ab4f8;
    --text-muted: #aaa;
    --text-muted2: #999;
    --text-light: #ccc;
    --text-white: #fff;
    --text-red: #d44;
    --text-green: #22cc55;
    --heading-green: #9fd356;
    --heading-yellow: #e6c84f;
    --heading-purple: #da88ff;
    --heading-pink: #f38c8c;

    --border-dark: #444;
    --border-muted: #888;

    --bg-dark: #111;
    --bg-white-015: rgba(255, 255, 255, 0.015);
    --bg-white-02: rgba(255, 255, 255, 0.02);
    --bg-white-03: rgba(255, 255, 255, 0.03);
    --bg-white-04: rgba(255, 255, 255, 0.04);

    --bg-red-01: rgba(255, 0, 0, 0.1);
    --bg-green-01: rgba(0, 255, 0, 0.1);

    --bg-accent-blue-01: rgba(100, 199, 255, 0.1);
    --bg-accent-blue-005: rgba(100, 199, 255, 0.05);
    --bg-accent-blue-008: rgba(100, 199, 255, 0.08);
}