/* Telegram Mini App Theme Integration */
:root {
    --tg-theme-bg-color: var(--tg-theme-bg-color, #ffffff);
    --tg-theme-text-color: var(--tg-theme-text-color, #000000);
    --tg-theme-hint-color: var(--tg-theme-hint-color, #999999);
    --tg-theme-link-color: var(--tg-theme-link-color, #2481cc);
    --tg-theme-button-color: var(--tg-theme-button-color, #2481cc);
    --tg-theme-button-text-color: var(--tg-theme-button-text-color, #ffffff);
    --tg-theme-secondary-bg-color: var(--tg-theme-secondary-bg-color, #f0f0f0);

    /* Custom tokens */
    --color-bg: var(--tg-theme-bg-color);
    --color-bg-secondary: var(--tg-theme-secondary-bg-color);
    --color-text: var(--tg-theme-text-color);
    --color-text-hint: var(--tg-theme-hint-color);
    --color-link: var(--tg-theme-link-color);
    --color-button: var(--tg-theme-button-color);
    --color-button-text: var(--tg-theme-button-text-color);

    --color-success: #34c759;
    --color-warning: #ff9500;
    --color-danger: #ff3b30;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;

    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-elevated: 0 4px 12px rgba(0, 0, 0, 0.12);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--color-bg-secondary);
    color: var(--color-text);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 72px; /* Space for bottom nav */
    overflow-x: hidden;
}

a {
    color: var(--color-link);
    text-decoration: none;
}