/* ============================================================
   k2s.co PAPER SECTIONS — light-theme overrides for the shared
   dark landing template (ProjectOS / FinanceOS / InfoSecOS).
   Scoped under .k2s so it only restyles the wrapped light block
   (roles → demo); hero stays dark, footer stays dark. Layers
   over styles.css via load order + specificity. No JS touched.
   ============================================================ */

/* paper canvas for the wrapped section block */
.k2s.paper {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
}
.k2s.paper section,
.k2s.paper .roles-section,
.k2s.paper .features-section,
.k2s.paper .security-section,
.k2s.paper .ecosystem-section,
.k2s.paper .pricing-section,
.k2s.paper .demo-section {
  background: var(--paper) !important;
}
.k2s.paper .features-section,
.k2s.paper .ecosystem-section {
  background: var(--paper-2) !important;
}
.k2s.paper .ecosystem-bg,
.k2s.paper .demo-glow { display: none; }

/* section headers → k2s.co eyebrow + Sora + muted sub */
.k2s.paper .section-label {
  color: var(--pink);
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  font-size: 12px;
}
.k2s.paper .section-title {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.k2s.paper .section-sub { color: var(--muted); }

/* glass cards → light paper cards */
.k2s.paper .g-card,
.k2s.paper .g-card-inner {
  background: var(--paper) !important;
  border-color: var(--line) !important;
}
.k2s.paper .g-card-inner {
  box-shadow: 0 1px 2px rgba(20,18,24,0.04);
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), border-color 0.3s;
}
.k2s.paper .g-card:hover .g-card-inner {
  transform: translateY(-4px);
  box-shadow: 0 24px 50px -30px rgba(20,18,24,0.4);
  border-color: rgba(236,14,115,0.35) !important;
}
.k2s.paper .g-card-glow { opacity: 0.10 !important; }
.k2s.paper .g-card h3,
.k2s.paper .g-card h4 { font-family: var(--font-display); color: var(--ink); }
.k2s.paper .g-card p { color: var(--muted); }
.k2s.paper .g-card-icon {
  background: var(--rose) !important;
  color: var(--pink-deep) !important;
  border-color: transparent !important;
}
.k2s.paper .role-features li { color: var(--ink); }
.k2s.paper .role-features li::before,
.k2s.paper .plan-features li::before,
.k2s.paper .plan-features-unified li::before { color: var(--pink); }

/* security list */
.k2s.paper .security-item {
  background: var(--paper) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}
.k2s.paper .security-item svg { color: var(--pink); }

/* ecosystem cards */
.k2s.paper .ecosystem-badge {
  background: var(--rose) !important;
  color: var(--pink-deep) !important;
  border-color: transparent !important;
}
/* base styles.css paints the badge icon accent-pink and the label white/40 —
   both invisible on the rose chip in the paper theme */
.k2s.paper .ecosystem-badge svg,
.k2s.paper .ecosystem-badge span {
  color: var(--pink-deep) !important;
}
.k2s.paper .eco-card,
.k2s.paper .eco-card-inner {
  background: var(--paper) !important;
  border-color: var(--line) !important;
}
.k2s.paper .eco-card h4 { color: var(--ink); font-family: var(--font-display); }
.k2s.paper .eco-card p { color: var(--muted); }
.k2s.paper .eco-card.active,
.k2s.paper .eco-card.active .eco-card-inner { background: var(--rose) !important; }
.k2s.paper .eco-badge.soon {
  background: rgba(20,18,24,0.06) !important;
  color: var(--muted) !important;
}

/* billing toggle */
.k2s.paper .billing-toggle {
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 40px;
  padding: 5px;
}
.k2s.paper .toggle-btn { color: var(--muted); border-radius: 40px; }
.k2s.paper .toggle-btn.active {
  background: var(--grad-btn) !important;
  color: #fff !important;
  box-shadow: var(--glow);
}
.k2s.paper .save-badge { color: var(--pink-deep) !important; }

/* pricing — unified + cards + volume table */
.k2s.paper .pricing-unified,
.k2s.paper .pricing-card {
  background: var(--paper) !important;
  border-color: var(--line) !important;
  box-shadow: 0 24px 60px -40px rgba(20,18,24,0.35);
}
.k2s.paper .pricing-card.featured { border-color: rgba(236,14,115,0.35) !important; }
.k2s.paper .plan-name-large,
.k2s.paper .plan-name { font-family: var(--font-display); color: var(--ink); }
.k2s.paper .plan-tagline,
.k2s.paper .plan-description,
.k2s.paper .price-period,
.k2s.paper .price-note,
.k2s.paper .trial-note,
.k2s.paper .pricing-note-small { color: var(--muted) !important; }
.k2s.paper .plan-price,
.k2s.paper .price-amount,
.k2s.paper .price-currency { color: var(--ink) !important; }
.k2s.paper .plan-features li,
.k2s.paper .plan-features-unified li { color: var(--ink) !important; }
.k2s.paper .pricing-table-header { color: var(--ink) !important; }
.k2s.paper .volume-table th,
.k2s.paper .volume-table td { border-color: var(--line) !important; color: var(--ink) !important; }
.k2s.paper .volume-table .featured-row { background: rgba(236,14,115,0.06) !important; }
.k2s.paper .tier-price,
.k2s.paper .tier-total { color: var(--ink) !important; }
.k2s.paper .discount-pill,
.k2s.paper .discount-badge {
  background: var(--rose) !important;
  color: var(--pink-deep) !important;
}
.k2s.paper .featured-badge {
  background: var(--grad-btn) !important;
  color: #fff !important;
}

/* demo form → light */
.k2s.paper .demo-card,
.k2s.paper .demo-success {
  background: var(--paper) !important;
  border-color: var(--line) !important;
  box-shadow: 0 30px 70px -45px rgba(20,18,24,0.4);
}
.k2s.paper .demo-form label { color: var(--ink) !important; }
.k2s.paper .demo-form input,
.k2s.paper .demo-form textarea {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}
.k2s.paper .demo-form input::placeholder,
.k2s.paper .demo-form textarea::placeholder { color: rgba(20,18,24,0.35) !important; }
.k2s.paper .demo-form input:focus,
.k2s.paper .demo-form textarea:focus { border-color: var(--pink) !important; }
.k2s.paper .demo-success h3 { font-family: var(--font-display); color: var(--ink); }
.k2s.paper .demo-success p { color: var(--muted); }
.k2s.paper .demo-success-icon {
  background: var(--rose) !important;
  color: var(--pink-deep) !important;
}

/* buttons inside the paper block stay on-brand (gradient/pill) */
.k2s.paper .btn-primary,
.k2s.paper .plan-cta,
.k2s.paper .plan-cta-unified,
.k2s.paper .demo-submit {
  background: var(--grad-btn) !important;
  color: #fff !important;
  border-radius: 40px !important;
  box-shadow: var(--glow);
}