/* assets/css/themes.css */
/* ---- 1. Light Mode ---- */
:root, body[data-theme="light"] {
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-card: #ffffff;
    --text-primary: #1a1a2e;
    --text-secondary: #6c757d;
    --border-color: #e9ecef;
    --accent: #00B894;
    --accent-hover: #00a381;
    --accent-text: #ffffff;
    --danger: #e74c3c;
    --warning: #f39c12;
    --success: #27ae60;
    --info: #3498db;
    --shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* ---- 2. Dark Mode ---- */
body[data-theme="dark"] {
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-sidebar: #0d0d14;
    --bg-card: #16161f;
    --text-primary: #e8e8f0;
    --text-secondary: #8888aa;
    --border-color: #2a2a3d;
    --accent: #00B894;
    --accent-hover: #00d4a8;
    --accent-text: #ffffff;
    --danger: #ff4757;
    --warning: #ffa502;
    --success: #2ed573;
    --info: #54a0ff;
    --shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* ---- 3. Dark Grey Mode ---- */
body[data-theme="dark-grey"] {
    --bg-primary: #1a1a24;
    --bg-secondary: #22222f;
    --bg-sidebar: #1e1e2a;
    --bg-card: #2a2a3a;
    --text-primary: #d0d0e0;
    --text-secondary: #8a8aaa;
    --border-color: #3a3a50;
    --accent: #00B894;
    --accent-hover: #00cda0;
    --accent-text: #ffffff;
    --danger: #e74c3c;
    --warning: #e67e22;
    --success: #27ae60;
    --info: #2980b9;
    --shadow: 0 4px 20px rgba(0,0,0,0.25);
}