/* ================================================================
   THEME 18 — Plum Deep
   Sunat LaserVIT — Design System Override
   Generated by build/generate_theme_css.js
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:wght@600;700&display=swap');

:root {
  /* Brand palette */
  --violet:    #7e22ce;
  --violet-d:  #6b21a8;
  --violet-l:  #c084fc;
  --fuchsia:   #9333ea;
  --fuchsia-d: #7e22ce;
  --grad:      linear-gradient(135deg,#6b21a8 0%,#7e22ce 45%,#9333ea 100%);
  --grad-soft: linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);

  /* Neutrals */
  --ink:     #1e0735;
  --ink-2:   #3b0764;
  --muted:   #7c3aed;
  --line:    #e9d5ff;
  --bg-soft:   #faf5ff;
  --bg-soft-2: #f3e8ff;

  /* Shape */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-lg: 24px;

  /* Shadows (primary-tinted) */
  --shadow-sm: 0 4px 16px rgba(126,34,206,.06);
  --shadow:    0 18px 40px rgba(126,34,206,.12);
  --shadow-lg: 0 30px 60px rgba(126,34,206,.18);

  /* Typography */
  --font:    'Space Grotesk', system-ui, -apple-system, sans-serif;
  --serif:   'Fraunces', Georgia, 'Times New Roman', serif;
  --display: var(--serif);
}

/* Fix hardcoded brand colors */
.eyebrow { background: #f3e8ff; color: #6b21a8; }
.nav-links a.active { background: #faf5ff; color: #6b21a8; }
.nav-links a:hover { color: #6b21a8; }
.btn-primary { box-shadow: 0 12px 26px rgba(126,34,206,.35); }
.btn-primary:hover { box-shadow: 0 16px 32px rgba(126,34,206,.45); }
.btn-outline { color: #6b21a8; }
.btn-ghost { color: #6b21a8; }
.hero {
  background:
    radial-gradient(1100px 500px at 85% -10%, #e9d5ff 0%, rgba(255,255,255,0) 60%),
    radial-gradient(900px 500px at -10% 10%,  #f3e8ff 0%, rgba(255,255,255,0) 55%),
    var(--bg);
}

/* Bold layout overrides */
.section-head h2 { font-size: clamp(2rem,4.2vw,3.1rem); }
.hero h1 { font-size: clamp(2.4rem,5.5vw,4rem); }
.site-header { border-bottom: 3px solid var(--violet); }
.section-head .bar { height: 7px; }
.btn-primary { letter-spacing: 0.04em; }