:root {
    /* Telegram theme — будут перезаписаны из JS */
    --tg-bg: #ffffff;
    --tg-text: #000000;
    --tg-hint: #999999;
    --tg-link: #2481cc;
    --tg-button: #2481cc;
    --tg-button-text: #ffffff;
    --tg-secondary-bg: #f0f0f0;

    /* Computed colors — генерируются в app.js, fallback значения */
    --card-bg: var(--tg-bg);
    --page-bg: var(--tg-secondary-bg);
    --border: rgba(0, 0, 0, 0.08);
    --divider: rgba(0, 0, 0, 0.12);

    /* App colors */
    --correct: #34c759;
    --wrong: #ff3b30;
    --warning: #ff9500;
    --accent: var(--tg-button);
    --accent-text: var(--tg-button-text);

    /* Layout */
    --tab-height: 60px;
    --radius: 14px;
    --radius-sm: 10px;

    /* Spacing */
    --gap: 16px;
    --gap-sm: 10px;
    --gap-xs: 6px;

    /* Shadows */
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
}