:root {
    /* --- Light Mode (Default) --- */
    --primary: #7c3aed;       /* Violet 600 */
    --primary-light: #a78bfa; /* Violet 400 */
    --primary-bg: #f5f3ff;    /* Violet 50 */
    --secondary: #14b8a6;     /* Teal 500 */
    --accent: #f43f5e;        /* Rose 500 */
    
    --text-main: #2e1065;     /* Violet 950 */
    --text-muted: #6b7280;    /* Gray 500 */
    
    --bg-main: #f5f3ff;
    --bg-card: #ffffff;
    --bg-input: rgba(245, 243, 255, 0.5);
    
    --shadow-color: 124, 58, 237; /* Violet base for shadows */
}

/* --- Dark Mode Override --- */
.dark {
    --primary: #a78bfa;       /* Violet 400 (Lighter for dark bg) */
    --primary-light: #7c3aed; /* Violet 600 */
    --primary-bg: #0f172a;    /* Slate 900 */
    --secondary: #2dd4bf;     /* Teal 400 */
    --accent: #fb7185;        /* Rose 400 */
    
    --text-main: #f3f4f6;     /* Slate 100 */
    --text-muted: #94a3b8;    /* Slate 400 */
    
    --bg-main: #020617;       /* Slate 950 */
    --bg-card: #1e293b;       /* Slate 800 */
    --bg-input: rgba(30, 41, 59, 0.6);
    
    --shadow-color: 0, 0, 0;  /* Black shadows */
}

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