/* PLIK: css/main.css */

:root {
    /* Paleta Barw */
    --bg-absolute: #000000;
    --bg-header: rgba(14, 14, 17, 0.75);
    /* Tło pod Glassmorphism */
    --bg-card: #0E0E11;
    --border-zinc: #27272A;
    --text-white: #F4F4F5;
    --text-gray: #A1A1AA;

    /* Akcenty i Konwersja */
    --accent-purple: #9D4EDD;
    --gradient-primary: linear-gradient(135deg, #B388EB 0%, #7B2CBF 100%);
    --glow-purple: rgba(123, 44, 191, 0.15);

    /* Animacje */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reset Premium */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--bg-absolute);
    color: var(--text-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    /* Dodane tylko po to, byś mógł przetestować pasek scrollowania: */
    min-height: 200vh;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Płynne wejście podstron */
body {
    animation: fadeInPage 0.4s ease-out forwards;
}

@keyframes fadeInPage {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}