:root {
    --bg-primary: #f3f3f4;
    --bg-secondary: #f3f3f4;
    --bg-tertiary: #f3f3f4;
    --bg-card: #FFFFFF;
    --bg-hover: hsla(0, 0%, 0%, 0.04);
    --bg-header: #1c1c27;

    --text-primary: #000000f5;
    --text-secondary: #000000a3;
    --text-muted: #b1b1b1;
    --text-header: #dddddd;

    --accent-primary: #ff3200;
    --accent-secondary: #ff3200;
    --accent-hover: #ff3200;
    --accent-light: rgba(255, 50, 0, 0.1);

    --border-color: #1c1c272e;
    --border-radius: 6px;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    --success: #28a745;
    --success-light: rgba(40, 167, 69, 0.15);
    --warning: #ffc107;
    --warning-light: rgba(255, 193, 7, 0.15);
    --error: #dc3545;
    --info: #17a2b8;
    --info-light: rgba(23, 162, 184, 0.15);

    --header-height: 64px;
    --sidebar-width: 280px;

    --status-active: #28a745;
    --status-on-hold: #ffc107;
    --status-completed: #17a2b8;
    --priority-low: #28a745;
    --priority-medium: #ffc107;
    --priority-high: #dc3545;

    --online-color: #4CAF50;

    --kanban-todo: #F9F6F0;
    --kanban-progress: #F2EDE4;
    --kanban-done: #FFFFFF;
    
    --node-border-radius: 12px;
}

[data-theme="dark"] {
    --bg-primary: #1e1e2e;
    --bg-secondary: #2d2d3a;
    --bg-tertiary: #3e3e4a;
    --bg-card: #2a2a36;
    --bg-hover: #383846;
    --bg-header: #1e1e2e;

    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-muted: #888888;

    --accent-primary: #ff3200;
    --accent-secondary: #ff3200;
    --accent-hover: #ff3200;
    --accent-light: rgba(255, 50, 0, 0.1);

    --border-color: #444444;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

    --success: #107c10;
    --success-light: rgba(16, 124, 16, 0.15);
    --warning: #f7630c;
    --warning-light: rgba(247, 99, 12, 0.15);
    --error: #e81123;
    --info: #007acc;
    --info-light: rgba(0, 122, 204, 0.15);

    --status-active: #107c10;
    --status-on-hold: #f7630c;
    --status-completed: #007acc;
    --priority-low: #107c10;
    --priority-medium: #f7630c;
    --priority-high: #e81123;

    --online-color: #4CAF50;
    
    --kanban-todo: #2d2d3a;
    --kanban-progress: #3e3e4a;
    --kanban-done: #2a2a36;
}

[data-theme="cappuccino"] {
    --bg-primary: #E8DDD0;
    --bg-secondary: #F2EBE1;
    --bg-tertiary: #DDD0BE;
    --bg-card: #FDF8F2;
    --bg-hover: #EEDDCB;
    --bg-header: #4A3728;

    --text-primary: #4A3728;
    --text-secondary: #7B5F4A;
    --text-muted: #A68B73;

    --accent-primary: #cea17f;
    --accent-secondary: #d3b498;
    --accent-hover: #A68B73;
    --accent-light: rgba(139, 92, 246, 0.2);

    --border-color: #D4C5B5;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    --success: #6B8C42;
    --success-light: rgba(107, 140, 66, 0.15);
    --warning: #D4A05A;
    --warning-light: rgba(212, 160, 90, 0.15);
    --error: #C96A4B;
    --info: #7EA3B0;
    --info-light: rgba(126, 163, 176, 0.15);

    --status-active: #6B8C42;
    --status-on-hold: #D4A05A;
    --status-completed: #7EA3B0;
    --priority-low: #6B8C42;
    --priority-medium: #D4A05A;
    --priority-high: #C96A4B;

    --online-color: #6B8C42;

    --kanban-todo: #F2EBE1;
    --kanban-progress: #E8DDD0;
    --kanban-done: #FDF8F2;
}

[data-theme="spotify"] {
    --bg-primary: #121212;
    --bg-secondary: #181818;
    --bg-tertiary: #282828;
    --bg-card: #1F1F1F;
    --bg-hover: #282828;
    --bg-header: #121212;

    --text-primary: #FFFFFF;
    --text-secondary: #B3B3B3;
    --text-muted: #7A7A7A;

    --accent-primary: #1DB954;
    --accent-secondary: #1aa34a;
    --accent-hover: #2dce64;
    --accent-light: rgba(29, 185, 84, 0.2);

    --border-color: #2A2A2A;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

    --success: #1DB954;
    --success-light: rgba(29, 185, 84, 0.15);
    --warning: #FFB347;
    --warning-light: rgba(255, 179, 71, 0.15);
    --error: #E22134;
    --info: #3D9BFF;
    --info-light: rgba(61, 155, 255, 0.15);

    --status-active: #1DB954;
    --status-on-hold: #FFB347;
    --status-completed: #3D9BFF;
    --priority-low: #1DB954;
    --priority-medium: #FFB347;
    --priority-high: #E22134;

    --online-color: #1DB954;

    --kanban-todo: #181818;
    --kanban-progress: #282828;
    --kanban-done: #1F1F1F;
}

[data-theme="steam"] {
    --bg-primary: #0B1A2A;
    --bg-secondary: #112438;
    --bg-tertiary: #1A334A;
    --bg-card: #0F212F;
    --bg-hover: #1A334A;
    --bg-header: #112438;

    --text-primary: #E5E5E5;
    --text-secondary: #99A8B9;
    --text-muted: #6B7C93;

    --accent-primary: #67C1F5;
    --accent-secondary: #4aa8e0;
    --accent-hover: #88d4ff;
    --accent-light: rgba(103, 193, 245, 0.2);

    --border-color: #1A334A;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

    --success: #5BAF5B;
    --success-light: rgba(91, 175, 91, 0.15);
    --warning: #E5A03C;
    --warning-light: rgba(229, 160, 60, 0.15);
    --error: #C04A4A;
    --info: #67C1F5;
    --info-light: rgba(103, 193, 245, 0.15);

    --status-active: #5BAF5B;
    --status-on-hold: #E5A03C;
    --status-completed: #67C1F5;
    --priority-low: #5BAF5B;
    --priority-medium: #E5A03C;
    --priority-high: #C04A4A;

    --online-color: #5BAF5B;

    --kanban-todo: #112438;
    --kanban-progress: #1A334A;
    --kanban-done: #0F212F;
}

[data-theme="discord"] {
    --bg-primary: #313338;
    --bg-secondary: #2B2D31;
    --bg-tertiary: #1E1F22;
    --bg-card: #383A40;
    --bg-hover: #404249;
    --bg-header: #383A40;

    --text-primary: #DBDEE1;
    --text-secondary: #B5BAC1;
    --text-muted: #80848E;

    --accent-primary: #5865F2;
    --accent-secondary: #4752c4;
    --accent-hover: #6b77ff;
    --accent-light: rgba(88, 101, 242, 0.2);

    --border-color: #404249;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

    --success: #23A55A;
    --success-light: rgba(35, 165, 90, 0.15);
    --warning: #FEE75C;
    --warning-light: rgba(254, 231, 92, 0.15);
    --error: #ED4245;
    --info: #5865F2;
    --info-light: rgba(88, 101, 242, 0.15);

    --status-active: #23A55A;
    --status-on-hold: #FEE75C;
    --status-completed: #5865F2;
    --priority-low: #23A55A;
    --priority-medium: #FEE75C;
    --priority-high: #ED4245;

    --online-color: #23A55A;

    --kanban-todo: #2B2D31;
    --kanban-progress: #383A40;
    --kanban-done: #1E1F22;
}