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

    --accent: #ff7a00;
    --accent-rgb: 255, 122, 0;

    --card-hover-bg: rgba(140, 70, 0, 0.6);
    
	--bg-image: url('public/sbmdark.jpg');
}

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

    --accent: #c24e00;
    --accent-rgb: 194, 78, 0;

    --card-hover-bg: rgba(255, 122, 0, 0.18);
    
	--bg-image: url('public/sbmlight.jpg');
}