/* style.css */

/* Podstawowe ustawienia tła i tekstu */
body {
    background-color: #0a0a0a;
    color: #e5e5e5;
}

/* Tło sekcji głównej (Hero) */
.bg-hero {
    /* Tutaj podmień link na własne zdjęcie główne, najlepiej takie wrzucone do tego samego folderu, np. url('zdjecie-glowne.jpg') */
    background-image: linear-gradient(rgba(10, 10, 10, 0.4), rgba(10, 10, 10, 0.9)), url('images/background.png');
    background-size: cover;
    background-position: center;
}

/* Złoty separator (kreska) pod nagłówkami */
.separator {
    width: 50px;
    height: 1px;
    background-color: #d4af37;
    margin: 2rem auto;
}

/* Subtelne ramki formularza kontaktowego */
input, textarea {
    background-color: transparent;
    border: 1px solid #333;
    color: white;
    transition: border-color 0.3s ease;
}

/* Aktywny stan pól formularza (po kliknięciu) */
input:focus, textarea:focus {
    outline: none;
    border-color: #d4af37;
}