/* Тема по умолчанию - мятная, красочная но спокойная */
:root,
[data-theme="default"] {
    --bg-color: #B8E6D5;
    --card-bg: #ffffff;
    --card-bg-rgb: 255, 255, 255;
    --text-primary-rgb: 45, 55, 72;
    --accent-color: #4A9B7F;
    --text-primary: #2d3748;
    --text-secondary: #5a6c7d;
    --success-color: #48bb78;
    --present-color: #f7b731;
    --error-color: #f56565;
    --fixed-cell-bg: #e0f7ed;
    --key-bg: #f0f9f5;
    --key-hover-bg: #e0f2eb;
}

/* Светлая тема */
[data-theme="light"] {
    --bg-color: #f0f4f8;
    --card-bg: #ffffff;
    --card-bg-rgb: 255, 255, 255;
    --text-primary-rgb: 45, 55, 72;
    --accent-color: #5b7c99;
    --text-primary: #2d3748;
    --text-secondary: #718096;
    --success-color: #48bb78;
    --present-color: #f7b731;
    --error-color: #f56565;
    --fixed-cell-bg: #e6f2ff;
    --key-bg: #edf2f7;
    --key-hover-bg: #e2e8f0;
}

/* Тёмная тема */
[data-theme="dark"] {
    --bg-color: #1a202c;
    --card-bg: #2d3748;
    --card-bg-rgb: 45, 55, 72;
    --text-primary-rgb: 247, 250, 252;
    --accent-color: #63b3ed;
    --text-primary: #f7fafc;
    --text-secondary: #a0aec0;
    --success-color: #48bb78;
    --present-color: #f7b731;
    --error-color: #fc8181;
    --fixed-cell-bg: #3a4556;
    --key-bg: #3a4556;
    --key-hover-bg: #4a5568;
}