:root {
    --body-bg-color: #121212;
    --body-bg-color2: #232323;
    --body-bg-color3: #1a1a1a;
    --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;
    --accent-blue-hover: #2da8f4;
    --accent-blue-light: #bceeff;
    --link-blue: #8ab4f8;
    --accent-orange: #b16a00;
    --accent-green-bright: #a8ff60;
    --accent-purple-bright: #e553ff;
    --accent-pink-bright: #f6a7ff;
    --accent-rose-light: #ffd8d8;

    --text-muted: #aaa;
    --text-muted2: #999;
    --text-light: #ccc;
    --text-soft: #bbb;
    --text-softer: #ddd;
    --text-softest: #eee;
    --text-dim: #d0d0d0;
    --text-white: #fff;
    --footer-text-muted: #b0b0b0;
    --text-red: #d44;
    --text-green: #22cc55;
    --heading-green: #9fd356;
    --heading-yellow: #e6c84f;
    --heading-purple: #da88ff;
    --heading-pink: #f38c8c;

    --border-dark: #444;
    --border-darker: #333;
    --border-panel: #3a3a3a;
    --border-muted: #888;

    --bg-dark: #111;
    --surface-dark: #222;
    --surface-overlay: #1a1a1a;
    --surface-elevated: #2a2a2a;
    --surface-contrast: #2b2b2b;
    --surface-accent: #2d3a3f;
    --surface-muted: #333;
    --surface-elevated-hover: #3a3a3a;
    --shadow-color: #000000;

    --scrollbar-thumb: #555;

    --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);
}