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

    --accent: #00c8b4;
    --accent-rgb: 0, 200, 180;

    --card-hover-bg: rgba(0, 115, 110, 0.4);

    --bg-image: url('sbm/sbmdark.jpg');
}

body.light {
    --bg: #f5f7fa;
    --card: rgba(255, 255, 255, 0.8);
    --text: #222;
    --muted: #666;

    --accent: #008c76;
    --accent-rgb: 0, 140, 118;

    --card-hover-bg: rgba(0, 200, 180, 0.15);

    --bg-image: url('sbm/sbmlight.jpg');
}