:root {
            /* Telegram Theme Variables with modern sleek fallbacks */
            --bg-color: var(--tg-theme-bg-color, #0f172a);
            --bg-sec: var(--tg-theme-secondary-bg-color, #1e293b);
            --text-color: var(--tg-theme-text-color, #f8fafc);
            --hint-color: var(--tg-theme-hint-color, #a0aec0);
            /* Fix #7: #94a3b8 → #a0aec0 (WCAG AA 4.6:1) */
            --primary: var(--tg-theme-button-color, #38bdf8);
            --primary-text: var(--tg-theme-button-text-color, #ffffff);
            --primary-gradient: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);
            --primary-glow: rgba(56, 189, 248, 0.25);
            --accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);

            --danger: #f43f5e;
            --danger-bg: rgba(244, 63, 94, 0.12);
            --success: #10b981;
            --success-bg: rgba(16, 185, 129, 0.12);
            --warning: #f59e0b;
            --warning-bg: rgba(245, 158, 11, 0.12);

            --card-bg: var(--bg-sec);
            --glass-bg: rgba(255, 255, 255, 0.04);
            --glass-border: rgba(255, 255, 255, 0.08);
            --glass-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
            --radius-sm: 10px;
            --radius-md: 14px;
            --radius-lg: 18px;
            --radius-full: 9999px;

            --safe-top: env(safe-area-inset-top, 0px);
            --safe-bottom: env(safe-area-inset-bottom, 0px);

            /* Fix #5: Типографическая шкала — только целые px */
            --text-xs: 11px;
            --text-sm: 13px;
            --text-base: 15px;
            --text-md: 16px;
            --text-lg: 18px;
            --text-xl: 20px;
            --text-2xl: 22px;
            --text-3xl: 24px;
        }

        @media (prefers-color-scheme: light) {
            :root {
                --glass-bg: rgba(0, 0, 0, 0.02);
                --glass-border: rgba(0, 0, 0, 0.06);
                --glass-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
            }
        }
