/* theme.css */
:root {
    --bg: #ffffff; 
    --bg2: #f5f5f3; 
    --text: #1a1a18; 
    --text2: #5a5a56; 
    --border: rgba(0,0,0,0.12);
    --accent: #185fa5;
    --card-bg: #ffffff;
}

/* The Dark Mode overrides */
[data-theme="dark"] {
    --bg: #121210; 
    --bg2: #1a1a18; 
    --text: #eeeeec; 
    --text2: #a0a09a; 
    --border: rgba(255,255,255,0.1);
    --accent: #3b82f6;
    --card-bg: #1c1c1a;
}

body {
    background-color: var(--bg);
    color: var(--text);
    transition: background 0.2s ease, color 0.2s ease;
}