/* ==========================================================================
   PINVOICE — DESIGN TOKENS
   Values are the exact ones from the Pinvoice landing page design spec.
   Edit here only — never hardcode hex in block settings.
   ========================================================================== */

:root {
  /* ---- Brand ramp (Aubergine #2B1A4A) ------------------------------------ */
  --pv-brand-0: #f4f0fa;
  --pv-brand-1: #dfd7f0;
  --pv-brand-2: #c3b4e2;
  --pv-brand-3: #9e89cb;
  --pv-brand-4: #6b4d9b;
  --pv-brand-5: #3e2669;
  --pv-brand-6: #351f5c;
  --pv-brand-7: #2b1a4a;
  --pv-brand-8: #22143d;
  --pv-brand-9: #190e2e;

  --pv-brand: #442878;
  --pv-brand-hover: #523091;
  --pv-brand-deep: #2b1a4a;
  --pv-brand-tint: rgba(138, 92, 212, 0.14);
  --pv-brand-border: rgba(138, 92, 212, 0.28);

  /* ---- Surfaces (Preserved Dark Mode Colors) ------------------------------ */
  --pv-page: #0b0c0e;        /* body + most sections */
  --pv-card: #141519;        /* alternating sections, feature cards */
  --pv-card-2: #1b1d22;      /* dropdowns, step cards, raised tiles */
  --pv-screen: #08090b;      /* mockup screens */
  --pv-footer: #08090b;

  --pv-border: rgba(255, 255, 255, 0.09);
  --pv-border-2: rgba(255, 255, 255, 0.16);

  /* ---- Text -------------------------------------------------------------- */
  --pv-text: #ffffff;
  --pv-text-2: #eef0f3;
  --pv-text-3: #b8bdc5;

  /* ---- Secondary (Signal Lime #D6FF3F — 10% accent only) ------------------- */
  --pv-secondary: #d6ff3f;
  --pv-secondary-hover: #c2ec2e;
  --pv-secondary-text: #0b0c0e;
  /* ---- Accent (Aubergine shades — 30% brand presence) --------------------- */
  --pv-accent: #6b4d9b;
  --pv-accent-hover: #7c5bb5;
  --pv-accent-text: #b49fdb;
  --pv-accent-tint: rgba(138, 92, 212, 0.14);

  /* ---- Semantic ---------------------------------------------------------- */
  --pv-check: #d6ff3f;        /* hero checkmarks */
  --pv-star: #ffc94d;         /* testimonial stars */
  --pv-cta-sub: #dfd7f0;      /* subtext inside the aubergine band */
  --pv-cta-btn-text: #0b0c0e;
  --pv-dot: #3a3d44;          /* mockup title-bar dots */

  /* ---- Typography -------------------------------------------------------- */
  --pv-font-body: "Inter", system-ui, -apple-system, sans-serif;
  --pv-font-head: "Manrope", "Inter", system-ui, sans-serif;

  /* ---- Radius system ----------------------------------------------------- */
  --pv-r-btn: 4px;
  --pv-r-menu: 8px;
  --pv-r-tile: 10px;
  --pv-r-card: 12px;
  --pv-r-band: 20px;
  --pv-r-phone: 26px;
  --pv-r-pill: 999px;

  /* ---- Rhythm ------------------------------------------------------------ */
  --pv-section-y: 88px;
  --pv-container: 1200px;
  --pv-gutter: 24px;
}