/* ============================================================
   LibrePM — Product Theme
   Identità: governance, EU-ready, professionale, sidebar scura,
   accento cyan, autorevole, privacy-first
   ============================================================ */

:root[data-product="librepm"] {
  --color-base: #f5f7fa;
  --color-surface: #ffffff;
  --color-elevated: #ffffff;
  --color-text: #212529;
  --color-text-muted: #6c757d;
  --color-border: #e9ecef;
  --color-accent: #4fc3f7;
  --color-accent-strong: #0288d1;
  --color-accent-soft: rgba(79, 195, 247, .16);
  --color-accent-shadow: rgba(79, 195, 247, .32);
  --color-on-accent: #06111a;
  --color-band: linear-gradient(135deg, #1a1a2e, #16213e);
  --color-band-text: #ffffff;
}

/* ===== Hero ===== */
[data-product="librepm"] .hero {
  background:
    radial-gradient(ellipse at 70% 10%, rgba(79,195,247,.07) 0%, transparent 50%),
    radial-gradient(ellipse at 10% 90%, rgba(26,26,46,.04) 0%, transparent 50%),
    var(--color-base);
}

[data-product="librepm"] .hero-title {
  background: linear-gradient(135deg, #0d47a1, #0288d1, #4fc3f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== Mock window — executive dashboard ===== */
[data-product="librepm"] .mock-window {
  background: #1a1a2e;
}
[data-product="librepm"] .mock-toolbar {
  background: #16213e;
  border-bottom-color: rgba(255,255,255,.06);
}
[data-product="librepm"] .mock-toolbar span:nth-child(1) { background: #ff5f57; }
[data-product="librepm"] .mock-toolbar span:nth-child(2) { background: #febc2e; }
[data-product="librepm"] .mock-toolbar span:nth-child(3) { background: #28c840; }

[data-product="librepm"] .mock-content {
  background: #1a1a2e;
}
[data-product="librepm"] .mock-content h2 {
  color: #4fc3f7;
}
[data-product="librepm"] .mock-content p {
  color: #8899aa;
}
[data-product="librepm"] .mock-bars i {
  background: rgba(79,195,247,.22);
}
[data-product="librepm"] .mock-bars i:nth-child(2) {
  background: rgba(79,195,247,.14);
  width: 50%;
}
[data-product="librepm"] .mock-bars i:nth-child(3) {
  background: rgba(79,195,247,.10);
  width: 68%;
}

/* ===== Slides — bordo cyan ===== */
[data-product="librepm"] .slide-card.is-active {
  border-color: rgba(79,195,247,.2);
}
[data-product="librepm"] .slide-title {
  color: #0d47a1;
}

/* ===== Feature cards ===== */
[data-product="librepm"] .feature-card:hover {
  border-color: rgba(79,195,247,.22);
  box-shadow: 0 12px 38px rgba(2,136,209,.10);
}
[data-product="librepm"] .feature-card h3 {
  color: #0288d1;
}

/* ===== Badges — pill EU-ready ===== */
[data-product="librepm"] .badge {
  border-color: #e0f0fa;
  background: rgba(79,195,247,.08);
  color: #0277bd;
}

/* ===== Open Source card ===== */
[data-product="librepm"] .open-card {
  background: linear-gradient(180deg, #f0faff, #ffffff);
  border-color: #e0f0fa;
}

/* ===== Problem card — tono professionale ===== */
[data-product="librepm"] .problem-card {
  background: linear-gradient(180deg, #f5f7fa, #ffffff);
  border-color: #e9ecef;
}

/* ===== Ufficio Zero — dark governance ===== */
[data-product="librepm"] .uzero-band {
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: #ffffff;
  border-color: #2a2a4e;
}
[data-product="librepm"] .uzero-band .hero-kicker {
  background: rgba(79,195,247,.2);
  color: #4fc3f7;
}
[data-product="librepm"] .uzero-band .section-title {
  color: #ffffff;
}

/* ===== CTA button — on-accent scuro per leggibilità ===== */
[data-product="librepm"] .btn-primary {
  color: #06111a;
  font-weight: 850;
}
[data-product="librepm"] .btn-primary:hover {
  color: #06111a;
}

/* ===== Nav CTA coerente ===== */
[data-product="librepm"] .nav-cta {
  background: #0288d1 !important;
  color: #ffffff !important;
}
[data-product="librepm"] .nav-cta:hover {
  background: #01579b !important;
}

/* ===== Slide dots ===== */
[data-product="librepm"] .slide-dot.is-current {
  background: #0288d1;
}
