:root {

    --accent-color: #ff7eb3;
    --dark-color: #5f6caf;

    --primary-color: #4facfe;
    --secondary-color: #00f2fe;
    --success-color: #4cd964;
    --error-color: #ff3b30;
    --warning-color: #ff9500;
    --info-color: #5ac8fa;
    --dark-color: #5f6caf;
    --light-color: #ffffff;
    --bg-color: #f9f9ff;
    --text-color: #5a6674;
    --border-color: rgba(200, 200, 255, 0.2);
    --shadow-color: rgba(0, 0, 0, 0.05);
    --sidebar-width: 280px;
    --exe-color: #007bff;
    --manual-color: #28a745;


    --primary-color-light: #e0f2ff;
    --secondary-color-light: #e0faff;
    --success-color-light: #e6f9e9;
    --error-color-light: #ffe8e7;
    --warning-color-light: #fff2e0;
    --info-color-light: #e0f4ff;
    --dark-color-light: #e8eaf2;
    --text-color-light: #c1c5cc;
    --exe-color-light: #e0f2ff;
    --manual-color-light: #e6f9e9;
    --border-color-light: rgba(200, 200, 255, 0.1);
    --shadow-color-light: rgba(0, 0, 0, 0.1);
}