/* frontend/styles/style.css */

/* 1. RESET & BASE */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body {
    font-family: var(--font-main);
    background-color: var(--bg-main);
    color: var(--text-main);
    font-size: var(--text-base);
    min-height: 100vh;
    transition: background-color 0.3s ease, color 0.3s ease;
    overflow-x: hidden;
}

body[data-theme="dark"] {
    background: radial-gradient(circle at top right, var(--bg-primary-alpha), var(--bg-main));
}

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

ul { 
    list-style: none; 
}

/* 2. GLOBALNE KLASY POMOCNICZE */
.hidden, .d-none { 
    display: none !important; 
}


/* --- UTILITY CLASSES --- */
.d-none { display: none !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.ml-10 { margin-left: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.w-100 { width: 100% !important; }
.flex-2 { flex: 2 !important; }
.min-w-250 { min-width: 250px !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-danger { color: var(--color-danger) !important; }
.icon-highlight { color: var(--highlight); margin-right: 10px; }


@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
}