:root {
    --tg-bg: var(--tg-theme-bg-color, #ffffff);
    --tg-text: var(--tg-theme-text-color, #222222);
    --tg-hint: var(--tg-theme-hint-color, #999999);
    --tg-link: var(--tg-theme-link-color, #2678b6);
    --tg-btn: var(--tg-theme-button-color, #2481cc);
    --tg-btn-text: var(--tg-theme-button-text-color, #ffffff);
    --tg-secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);
    --tg-header-bg: var(--tg-theme-header-bg-color, #2481cc);
    --tg-accent: var(--tg-theme-accent-text-color, #2481cc);
    --tg-section-bg: var(--tg-theme-section-bg-color, #ffffff);
    --tg-section-header: var(--tg-theme-section-header-text-color, #222222);
    --tg-separator: var(--tg-theme-section-separator-color, #e0e0e0);
    --tg-subtitle: var(--tg-theme-subtitle-text-color, #999999);
    --tg-destructive: var(--tg-theme-destructive-text-color, #e53935);
    --color-column-bg: var(--tg-secondary-bg);
    --color-card-bg: var(--tg-section-bg);
    --color-card-shadow: rgba(0, 0, 0, 0.08);
    --color-priority-urgent: #e53935;
    --color-priority-high: #ff9800;
    --color-priority-medium: var(--tg-link);
    --color-priority-low: var(--tg-hint);
    --color-todo-accent: var(--tg-link);
    --color-progress-accent: var(--tg-btn);
    --color-done-accent: #4caf50;
    --color-overdue: var(--tg-destructive);
    --tg-viewport-height: var(--tg-viewport-height, 100vh);
    --tg-viewport-stable-height: var(--tg-viewport-stable-height, 100vh);
    --tg-safe-top: var(--tg-safe-area-inset-top, 0px);
    --tg-safe-bottom: var(--tg-safe-area-inset-bottom, 0px);
    --color-border: color-mix(in srgb, var(--tg-text) 15%, transparent);
}