/* ═══════════════════════════════════════════
   Skin: layout 2 — "Salon literacki"
   Re-themes muza-store.css sub-pages (katalog, produkt, koszyk…)
   to the editorial paper-and-ink look of layout-2.
   Loaded as /active-skin.css AFTER muza-store.css — same-specificity
   rules here win by cascade order.
   ═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Hanken+Grotesk:wght@300;400;500;600;700&display=swap');

/* ─── TOKEN REMAP (Baltic → paper, ink & light) ─── */
:root {
  /* paper */
  --sand-50:  #FAF6F0;
  --sand-100: #F1EAE0;
  --sand-200: #E2D9CC;
  --sand-300: #D8CDBC;
  --sand-400: #C2B5A0;
  /* ink */
  --drift-400: #A39A8E;
  --drift-500: #6E655B;
  --drift-600: #5C544B;
  --drift-700: #3E372F;
  --drift-800: #2A241E;
  --drift-900: #1C1814;
  /* teal accent → oxblood ramp */
  --glass-200: #E8D3D3;
  --glass-300: #D6B5B5;
  --glass-400: #B98080;
  --glass-500: #A04E4E;
  --glass-600: #7A2E2E;
  /* brand */
  --brand-deep: #7A2E2E;
  --brand-mid:  #5E2222;
  --accent-gold: #C9893B;
  /* typography */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}

body { font-weight: 400; }
::selection { background: #E8D3D3; }
:focus-visible { outline: 2px solid var(--accent-gold); outline-offset: 2px; }

/* ─── TOPBAR ─── */
.topbar {
  background: var(--sand-100);
  border-bottom: 1px solid var(--sand-200);
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 13px;
  font-weight: 400;
  color: var(--drift-500);
}
.topbar-logo::after { animation: none; }

/* ─── NAV: navy bar → ivory editorial header ─── */
.nav {
  background: var(--sand-50);
  box-shadow: none;
  border-bottom: 1px solid var(--sand-200);
}
.nav-link {
  color: var(--drift-900);
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 14px;
}
.nav-link:hover, .nav-link.active { color: var(--drift-900); }
.nav-link::after { background: var(--brand-deep); height: 1.5px; }
.nav-icon { color: var(--drift-700); }
.nav-icon:hover { color: var(--brand-deep); background: rgba(28, 24, 20, 0.05); }
.cart-badge {
  background: var(--brand-deep);
  color: #FAF6F0;
  box-shadow: none;
}

/* ─── BUTTONS ─── */
.btn-primary, .btn-secondary, .btn-quick-cart {
  text-transform: none;
  letter-spacing: 0.01em;
  border-radius: 6px;
  font-weight: 500;
}
.btn-primary { font-size: 15px; }
.btn-secondary { font-size: 14px; border-color: var(--drift-900); color: var(--drift-900); }
.btn-secondary:hover { background: var(--drift-900); color: #FAF6F0; border-color: var(--drift-900); }
.btn-quick-cart { font-size: 13px; border-color: var(--drift-900); color: var(--drift-900); }
.btn-quick-cart:hover { background: var(--drift-900); border-color: var(--drift-900); }
.btn-gold { color: #FAF6F0; }
.btn-gold:hover { background: #B5762C; }

/* ─── PRODUCT CARDS ─── */
.product-cover {
  border-radius: 4px;
  box-shadow: 0 12px 32px rgba(28, 24, 20, 0.12);
  transition: box-shadow 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.product-card:hover .product-cover { box-shadow: 0 20px 48px rgba(28, 24, 20, 0.18); }
.product-title { font-weight: 500; }
.product-price { font-weight: 600; }
.product-badge { border-radius: 4px; color: #FAF6F0; }
.product-badge-sale { background: var(--brand-deep); }

/* ─── PAGE / SECTION HEADINGS ─── */
.page-title { font-weight: 500; letter-spacing: -0.01em; }
.section-title { font-weight: 500; letter-spacing: -0.01em; }

/* ─── FORMS ─── */
.field input, .field select, .field textarea, .filter-search, .price-input {
  border-radius: 6px;
  background: #fff;
}

/* ─── FOOTER: keep dark ink panel, fix contrast on remapped tokens ─── */
.footer { background: #221D18; }
.footer-brand, .footer-col h4 { color: var(--accent-gold) !important; }
.footer-tagline, .footer-col a { color: rgba(250, 246, 240, 0.62); }
.footer-col a:hover { color: #FAF6F0; }
.footer-copy, .footer-legal a { color: rgba(250, 246, 240, 0.35); }
.footer-legal a:hover { color: rgba(250, 246, 240, 0.75); }