/* Import fontów: Oswald dla nagłówków, Montserrat dla treści */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Oswald:wght@500;700&display=swap');

body {
    /* --- Typografia bazowa --- */
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;

    /* --- Tło i Kolorystyka --- */
    background-color: rgba(227, 246, 250, 0.08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%231a43a2' fill-opacity='0.09' stroke='%231a43a2' stroke-opacity='0.05'%3E%3Cpath stroke='none' d='M20 20l4 2h16l4 10h-22l-2-12zm4 14l2 8h12l2-8h-16z' /%3E%3Cpath fill='none' stroke-width='1.0' d='M75 25c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm6 8c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm-7 0l8-8' /%3E%3Cpath stroke='none' d='M30 70h20v12h-20zM30 74a2 2 0 0 1 0 4M50 74a2 2 0 0 0 0 4' /%3E%3Cpath stroke='none' d='M80 70l10 10-5 5-10-10v-5h5z' /%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0;
}

/* --- Zastosowanie fontu Oswald dla elementów promocyjnych --- */

h1,
h2,
h3,
.promo-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    /* Oswald świetnie wygląda pisany wielkimi literami */
    letter-spacing: 0.5px;
    color: #1a43a2;
    /* Twój kolor przewodni */
}

.discount-value {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #e63946;
    /* Propozycja koloru dla ceny/rabatu (kontrastowa czerwień) */
}

.coupon-code {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    border: 2px dashed #1a43a2;
    padding: 5px 15px;
    background: #fff;
    display: inline-block;
}