:root {
    /* Kolory */
    --primary: #2575fc;
    --primary-dark: #1a5fdb;
    --primary-light: #e0e7ff;
    --accent: #6a11cb;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    --dark: #0f172a;
    --gray-900: #1e293b;
    --gray-700: #475569;
    --gray-500: #64748b;
    --gray-300: #cbd5e1;
    --gray-100: #f1f5f9;
    --gray-50: #f8fafc;
    --white: #ffffff;

    /* Spacing (8px grid) */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 24px;
    --s-6: 32px;
    --s-7: 48px;
    --s-8: 64px;

    /* Radius */
    --r-sm: 8px;
    --r: 12px;
    --r-lg: 20px;
    --r-full: 999px;

    /* Cienie */
    --shadow-sm: 0 1px 3px rgba(0,0,0,.05);
    --shadow: 0 4px 20px rgba(0,0,0,.06);
    --shadow-lg: 0 20px 50px rgba(0,0,0,.1);

    /* Fonty */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Plus Jakarta Sans', var(--font-sans);

    /* Layout */
    --nav-height: 64px;
    --bottom-nav-height: 64px;
    --max-width: 1200px;

    --t: 0.25s cubic-bezier(.4,0,.2,1);
}