/**
 * telegram-theme.css
 * Variables CSS que se adaptan automáticamente al tema de Telegram
 */
:root {
    --tg-bg: #ffffff;
    --tg-text: #000000;
    --tg-hint: #999999;
    --tg-link: #2481cc;
    --tg-button: #2481cc;
    --tg-button-text: #ffffff;
    --tg-secondary-bg: #f0f0f0;

    --vyra-pink: #ff6b9d;
    --vyra-pink-light: #ff8fab;
    --vyra-pink-dark: #c44569;
    --vyra-purple: #6c5ce7;
    --vyra-gold: #fdcb6e;
    --vyra-danger: #ff7675;
    --vyra-success: #00b894;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    font-family: var(--font-sans);
    background-color: var(--tg-bg);
    color: var(--tg-text);
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body { scroll-behavior: smooth; }

::selection {
    background-color: var(--vyra-pink);
    color: white;
}