/* Motyw podstron — Kod Malucha (ciepły len + szałwiowa zieleń; spójny z makietą) */
body.sf {
    --bg: #F7F5F0;
    --card: #FFFFFF;
    --ink: #3A3A32;
    --muted: #6B6B5E;
    --line: rgba(61, 44, 34, 0.08);
    --accent: #7A8B6F;
    --accent-contrast: #FFFFFF;
    --price-color: #3A3A32;
    --radius: 16px;
    --btn-radius: 30px;
    --header-bg: rgba(247, 245, 240, 0.92);
    --btn-bg: #7A8B6F;
    --cover-bg: #EBE8E0;
}

.brand-name, .book-title, .product h1, .page-head h1, .sf h2, .price, .cart-summary .total {
    font-weight: 800;
}

/* miękkie, mocno zaokrąglone karty z delikatnym cieniem */
.book-card { border: 0; box-shadow: 0 2px 12px rgba(58, 58, 50, 0.08); }
.book-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(61, 44, 34, 0.12); }

.card { box-shadow: 0 2px 12px rgba(58, 58, 50, 0.08); }

/* przyciski-pigułki */
.btn { font-weight: 700; box-shadow: 0 4px 14px rgba(122, 139, 111, 0.3); }
.btn:hover { background: #637A56; filter: none; box-shadow: 0 6px 20px rgba(122, 139, 111, 0.4); }
.btn-ghost { box-shadow: none; }

/* chipy/taby jak w makiecie */
.filters .chip { background: #fff; box-shadow: 0 2px 8px rgba(58, 58, 50, 0.06); }
.tag { background: rgba(122, 139, 111, 0.10); border-color: transparent; color: #5e6e54; }

.field input[type=text],
.field input[type=email],
.field select,
.filters input[type=search] { border-radius: 12px; }

.flash { background: rgba(122, 139, 111, 0.12); border-color: rgba(122, 139, 111, 0.35); color: #4a5a40; }