/* ===================================
   PIXEL - CSS Variables & Reset
   =================================== */

:root {
    /* Colors */
    --px-bg: #030305;
    --px-bg-elevated: #0a0a0f;
    --px-bg-card: rgba(255, 255, 255, 0.03);

    --px-text: #ffffff;
    --px-text-muted: #94a3b8;

    /* Akcenty */
    --px-accent: #00ffa3;
    --px-accent-glow: rgba(0, 255, 163, 0.4);

    --px-blue: #3b82f6;
    --px-purple: #8b5cf6;
    --px-pink: #ec4899;
    --px-orange: #f59e0b;
    --px-gold: #fbbf24;
    --px-red: #ff4d4d;

    /* Typography */
    --px-font-base: 'Sora', sans-serif;
    --px-font-head: 'Sora', sans-serif;
    /* Fallback/Alias */
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--px-font-base);
    background: var(--px-bg);
    color: var(--px-text);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}