:root {
    --primary-color: #6a5acd;
    --primary-color-hover: #5a4fbf;
    --secondary-color: #f9f9f9;
    --tertiary-color: #cccccc;
    --text-color: #333;
    --subtext-color: #888;
    --background-color: var(--white-color);
    --border-color: #e0e0e0;
    --danger-color: #ff4d4d;
    --danger-color-hover: #d32f2f;
    --success-color: #4CAF50;
    --success-color-hover: #45a049;

    --card-gradient: linear-gradient(135deg, var(--background-color) 0%, var(--secondary-color) 100%);
    --card-view-more-gradient: linear-gradient(135deg, #f7f4ff 0%, #eae6ff 100%);

    --card-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --card-hover-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    --card-view-more-shadow: 0 4px 12px rgba(106, 90, 205, 0.3);
    --card-view-more-hover-shadow: 0 6px 16px rgba(106, 90, 205, 0.4);

    --font-default: 'Arial', sans-serif;

    /* Дефолтные цвета */
    --white-color: #fff;

    /* Цвета для статистики */
    --success-color-statistics: #22c993;
    --danger-color-statistics: #ff5353; 
    --color-1-statistics: rgb(82, 201, 217);
    --color-2-statistics: rgb(141, 134, 223);
    --color-3-statistics: rgb(199, 124, 207);
    --color-4-statistics: rgb(255, 148, 18);
    --color-5-statistics: rgb(255, 242, 0);
    --color-6-statistics: rgb(255, 99, 132);
    --color-7-statistics: rgb(0, 200, 83);
    --color-8-statistics: rgb(255, 87, 34);
    --color-9-statistics: rgb(63, 81, 181);
    --color-10-statistics: rgb(156, 39, 176);
    

}

* {
    font-family: var(--font-default);
}