/**
 * Повышенный контраст текста (светлая и тёмная тема).
 * Подключается после tailwind.css — перекрывает слабые токены.
 */

:root,
[data-theme='light'] {
    --foreground: 0 0% 0%;
    --muted-foreground: 0 0% 0%;
    --card-foreground: 0 0% 0%;
    --secondary-foreground: 0 0% 0%;
    --accent-foreground: 0 0% 0%;
    --popover-foreground: 0 0% 0%;
    --tg-theme-text-color: #000000;
    --tg-theme-hint-color: #000000;
}

.dark,
[data-theme='dark'] {
    --foreground: 0 0% 100%;
    --muted-foreground: 0 0% 100%;
    --card-foreground: 0 0% 100%;
    --secondary-foreground: 0 0% 100%;
    --accent-foreground: 0 0% 100%;
    --tg-theme-text-color: #ffffff;
    --tg-theme-hint-color: #ffffff;
}

/* Устаревшая «dim» — как тёмная тема */
[data-theme='dim'] {
    --background: 0 0% 7%;
    --foreground: 0 0% 100%;
    --card: 0 0% 7%;
    --card-foreground: 0 0% 100%;
    --muted: 0 0% 12%;
    --muted-foreground: 0 0% 100%;
    --border: 0 0% 18%;
    --input: 0 0% 18%;
}

body,
#app {
    color: hsl(var(--foreground));
}

.text-foreground {
    color: hsl(var(--foreground)) !important;
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground)) !important;
}

.card-title,
.card-content {
    color: hsl(var(--card-foreground));
}

.input::placeholder {
    color: hsl(var(--muted-foreground));
    opacity: 1;
}

/* Без полосы/тени над нижней навигацией */
.bottom-navigation {
    box-shadow: none !important;
}