/* assets/css/variables.css */
:root {
    --bg-color: #F8F3EB;
    --card-bg: #FFFFFF;
    --text-main: #1A1A1A;
    --text-muted: #666666;
    --accent-gold: #C89B5F;
    --border-color: #E5E0D8;
    --ad-bg: #F0EBE1;
    
    --font-primary: 'DM Sans', sans-serif;
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-pill: 50px;
}

/* --- Dark Theme Overrides --- */
[data-theme="dark"] {
    --bg-color: #121212;
    --card-bg: #1E1E1E;
    --text-main: #EFEFEF;
    --text-muted: #9E9E9E;
    --border-color: #333333;
    /* We keep --accent-gold the same so the brand identity stays consistent! */
}

/* Ensure global text color adapts smoothly */
body {
    background-color: var(--bg-color);
    color: var(--text-main);
    transition: background-color 0.3s ease, color 0.3s ease;
}