/* static/css/theme.css */
:root {
    --bg-page: #f6f7f9;
    --bg-card: #ffffff;
    --bg-card-hover: #f0f2f5;
    --bg-accent: #3584e4;
    --bg-accent-soft: #e3edfb;
    --bg-danger: #e6615e;
    --bg-success: #33d17a;
    --text-primary: #1d1d1f;
    --text-secondary: #6e6e73;
    --text-muted: #8e8e93;
    --border-subtle: #e4e7ed;
    --radius-card: 12px;
    --radius-sm: 8px;
    --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.06);
    --transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-page: #1b1b1e;
        --bg-card: #2c2c30;
        --bg-card-hover: #3a3a40;
        --bg-accent-soft: #1a2a4a;
        --border-subtle: #3a3a40;
        --text-primary: #f5f5f7;
        --text-secondary: #aeaeb2;
        --text-muted: #7a7a80;
        --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.2);
        --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.3);
    }
}

/* Общие утилиты */
.text-accent { color: var(--bg-accent); }
.bg-accent-soft { background: var(--bg-accent-soft); }
.border-subtle { border-color: var(--border-subtle) !important; }

/* Стили для скролла */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}