/* Motyw podstron — Cztery Kwarty (ciemny, sportowy; spójny z makietą) */
body.sf {
    --bg: #0D0D0D;
    --card: #1A1A1A;
    --ink: #F5F5F5;
    --muted: #9E9E9E;
    --line: rgba(255, 255, 255, 0.08);
    --accent: #E65100;
    --accent-contrast: #FFFFFF;
    --price-color: #FF8F00;
    --radius: 0px;
    --btn-radius: 0px;
    --header-bg: rgba(13, 13, 13, 0.92);
    --heading-transform: uppercase;
    --heading-spacing: 1px;
    --btn-bg: linear-gradient(135deg, #E65100, #FF6D00);
    --cover-bg: #2A2A2A;
    background-image: radial-gradient(ellipse at 50% -10%, rgba(230, 81, 0, 0.12) 0%, transparent 55%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.brand-name,
.book-title,
.product h1,
.page-head h1,
.cart-summary .total,
.sf h2 { color: #fff; }

.book-title { font-size: 19px; }
.product .desc { color: #cfcfcf; }

.btn { font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; }
.btn:hover { filter: brightness(1.06); box-shadow: 0 6px 20px rgba(230, 81, 0, 0.5); }

.book-card { transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.book-card:hover { border-color: rgba(230, 81, 0, 0.4); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45); }

.filters .chip { background: #1A1A1A; }
.filters .chip.active { color: #fff; }

.tag { background: rgba(255, 255, 255, 0.03); }

/* Pola formularzy na ciemno */
.field input[type=text],
.field input[type=email],
.field select,
.filters input[type=search] { background: #1A1A1A; color: #F5F5F5; border-color: rgba(255, 255, 255, 0.14); }

/* Komunikaty na ciemnym tle */
.flash { background: rgba(230, 81, 0, 0.10); border-color: rgba(230, 81, 0, 0.35); color: #FFB877; }
.status-badge { background: rgba(255, 255, 255, 0.08) !important; color: #F5F5F5; }
.errors-box { background: rgba(211, 47, 47, 0.12); border-color: rgba(255, 82, 82, 0.35); color: #ff8a80; }