:root {
    --bg: #121417;
    --card: rgba(28, 31, 36, 0.85);
    --text: #e8e8e8;
    --muted: #a6adb5;

    --accent: #007fc4;
    --accent-rgb: 0, 127, 196;

    --card-hover-bg: rgba(0, 127, 196, 0.25);

    --bg-image: url('mvz/mvzdark.jpg');
}

body.light {
    --bg: #f4f7fb;
    --card: rgba(255, 255, 255, 0.8);
    --text: #1f2a33;
    --muted: #5f6b76;

    --accent: #007fc4;
    --accent-rgb: 0, 127, 196;

    --card-hover-bg: rgba(0, 127, 196, 0.10);

    --bg-image: url('mvz/mvzlight.jpg');
}