:root, [data-theme="light"] {
    --bg-color: #f8fafc; --text-color: #334155; --card-bg: #ffffff;
    --primary: #4f46e5; --primary-hover: #4338ca; --success: #10b981;
    --danger: #ef4444; --warning: #f59e0b; --task-todo: #94a3b8;
    --focus-bg: rgba(15, 23, 42, 0.98); --focus-rest-bg: rgba(16, 185, 129, 0.95);
    --gray-light: #f1f5f9; --gray-dark: #64748b; --border-radius: 12px;
    --shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03); 
    --border-color: #e2e8f0;
    --btn-text-primary: #ffffff; --btn-text-success: #ffffff;
    --btn-text-warning: #ffffff; --btn-text-danger: #ffffff;
}

[data-theme="dark"] {
    --bg-color: #0f172a; --text-color: #e2e8f0; --card-bg: #1e293b;
    --primary: #818cf8; --primary-hover: #6366f1; --success: #34d399;
    --danger: #f87171; --warning: #fbbf24; --task-todo: #64748b;
    --focus-bg: rgba(0, 0, 0, 0.99); --focus-rest-bg: rgba(6, 78, 59, 0.95);
    --gray-light: #334155; --gray-dark: #94a3b8; --border-color: #334155;
    --shadow: 0 4px 6px rgba(0,0,0,0.3);
    --btn-text-primary: #ffffff; --btn-text-success: #000000;
    --btn-text-warning: #000000; --btn-text-danger: #000000;
}

[data-theme="sepia"] {
    --bg-color: #f4ecd8; --text-color: #433422; --card-bg: #fdf6e3;
    --primary: #d4896a; --primary-hover: #c0775a; --success: #829a67;
    --danger: #c45b5b; --warning: #d99f59; --task-todo: #a69b8d;
    --focus-bg: rgba(67, 52, 34, 0.98); --focus-rest-bg: rgba(99, 118, 78, 0.95);
    --gray-light: #e6dec3; --gray-dark: #8c7e6c; --border-color: #e6dec3;
    --shadow: 0 4px 6px rgba(0,0,0,0.05);
    --btn-text-primary: #ffffff; --btn-text-success: #ffffff;
    --btn-text-warning: #ffffff; --btn-text-danger: #ffffff;
}