/* ============================================================
   Pecie — Product Theme
   Identità: studio editoriale, caldo, carta, serif per titoli,
   terracotta/rame, binder laterale, timeline, local-first
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700;800&display=swap');

:root[data-product="pecie"] {
  --color-base: #f2ede4;
  --color-surface: #fffdfa;
  --color-elevated: #ffffff;
  --color-text: #201a15;
  --color-text-muted: #62584c;
  --color-border: #d6c7b4;
  --color-border-subtle: #e8ded0;
  --color-accent: #a24f28;
  --color-accent-strong: #8d431f;
  --color-accent-soft: rgba(162, 79, 40, .14);
  --color-accent-shadow: rgba(162, 79, 40, .26);
  --color-on-accent: #fffaf5;
  --color-band: linear-gradient(135deg, #201a15, #a24f28);
  --color-band-text: #fffaf5;
  --font-ui: "IBM Plex Sans", Inter, system-ui, sans-serif;
}

/* ===== Font override ===== */
[data-product="pecie"] body {
  font-family: var(--font-ui);
}

/* ===== Hero — sfondo carta calda ===== */
[data-product="pecie"] .hero {
  background:
    radial-gradient(ellipse at 20% 80%, rgba(162,79,40,.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(214,199,180,.15) 0%, transparent 50%),
    var(--color-base);
}

[data-product="pecie"] .hero-title {
  background: linear-gradient(135deg, #5d2e0e, #a24f28, #c4793e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  letter-spacing: -.06em;
}

/* ===== Titoli sezione — serif editoriale ===== */
[data-product="pecie"] .section-title {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  letter-spacing: -.04em;
}
[data-product="pecie"] .slide-title {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  color: #5d2e0e;
  letter-spacing: -.04em;
}

/* ===== Mock window — binder editoriale ===== */
[data-product="pecie"] .mock-window {
  background: #f2ede4;
  border-color: #d6c7b4;
}
[data-product="pecie"] .mock-toolbar {
  background: #e8ded0;
  border-bottom-color: #d6c7b4;
}
[data-product="pecie"] .mock-toolbar span:nth-child(1) { background: #d98a6a; }
[data-product="pecie"] .mock-toolbar span:nth-child(2) { background: #c4a882; }
[data-product="pecie"] .mock-toolbar span:nth-child(3) { background: #8d9e78; }

[data-product="pecie"] .mock-content {
  background: #fffdfa;
  border-left: 4px solid #a24f28;
}
[data-product="pecie"] .mock-content h2 {
  color: #8d431f;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}
[data-product="pecie"] .mock-content p {
  color: #62584c;
}
[data-product="pecie"] .mock-bars i:nth-child(1) {
  background: rgba(162,79,40,.16);
}
[data-product="pecie"] .mock-bars i:nth-child(2) {
  background: rgba(162,79,40,.10);
  width: 52%;
}
[data-product="pecie"] .mock-bars i:nth-child(3) {
  background: rgba(162,79,40,.08);
  width: 70%;
}

/* ===== Slides — bordo caldo ===== */
[data-product="pecie"] .slide-card {
  background: #fffdfa;
  border-color: #e8ded0;
}
[data-product="pecie"] .slide-card.is-active {
  border-color: rgba(162,79,40,.22);
}

/* ===== Feature cards ===== */
[data-product="pecie"] .feature-card {
  background: #fffdfa;
  border-color: #e8ded0;
}
[data-product="pecie"] .feature-card:hover {
  border-color: rgba(162,79,40,.2);
  box-shadow: 0 12px 38px rgba(162,79,40,.10);
}
[data-product="pecie"] .feature-card h3 {
  color: #8d431f;
}

/* ===== Badges — tono terra ===== */
[data-product="pecie"] .badge {
  border-color: #d6c7b4;
  background: rgba(162,79,40,.06);
  color: #8d431f;
}

/* ===== Open card ===== */
[data-product="pecie"] .open-card {
  background: linear-gradient(180deg, #f7f2ea, #fffdfa);
  border-color: #d6c7b4;
}

/* ===== Problem card ===== */
[data-product="pecie"] .problem-card {
  background: linear-gradient(180deg, #f7f2ea, #fffdfa);
  border-color: #e8ded0;
}

/* ===== Ufficio Zero — band scura editoriale ===== */
[data-product="pecie"] .uzero-band {
  background: linear-gradient(135deg, #201a15, #a24f28);
  color: #fffaf5;
  border-color: #3d2e20;
}
[data-product="pecie"] .uzero-band .hero-kicker {
  background: rgba(255,250,245,.15);
  color: #fffaf5;
}
[data-product="pecie"] .uzero-band .section-title {
  color: #fffaf5;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

/* ===== CTA — terracotta su crema ===== */
[data-product="pecie"] .btn-primary {
  background: #a24f28;
  color: #fffaf5;
  box-shadow: 0 14px 32px rgba(162,79,40,.26);
}
[data-product="pecie"] .btn-primary:hover {
  background: #8d431f;
  color: #fffaf5;
  box-shadow: 0 20px 46px rgba(162,79,40,.32);
}
[data-product="pecie"] .btn-secondary {
  border-color: #d6c7b4;
  color: #201a15;
}
[data-product="pecie"] .btn-secondary:hover {
  background: rgba(162,79,40,.08);
  color: #8d431f;
  border-color: #a24f28;
}

/* ===== Nav CTA ===== */
[data-product="pecie"] .nav-cta {
  background: #a24f28 !important;
  color: #fffaf5 !important;
}
[data-product="pecie"] .nav-cta:hover {
  background: #8d431f !important;
}

/* ===== Header — tono caldo ===== */
[data-product="pecie"] .site-header {
  background: #fffdfa;
  border-bottom-color: #d6c7b4;
}

/* ===== Slide dots ===== */
[data-product="pecie"] .slide-dot {
  background: #d6c7b4;
}
[data-product="pecie"] .slide-dot.is-current {
  background: #a24f28;
}

/* ===== Kicker tematici ===== */
[data-product="pecie"] .hero-kicker {
  background: rgba(162,79,40,.1);
  color: #8d431f;
}

/* ===== Footer ===== */
[data-product="pecie"] .footer {
  border-top-color: #d6c7b4;
}
[data-product="pecie"] .footer a {
  color: #a24f28;
}