/* =========================================================
   UI Foundation - Core
   Services Board App + Ecommerce Module
   Developer: Y.Bintang.H
   Tahap: Prioritas 7B
   ---------------------------------------------------------
   Berisi fondasi global: design tokens, reset ringan, base
   typography, media defaults, dan variable yang aman dipakai
   oleh admin, toko, dan service.
   ========================================================= */
:root{
  --pj-red:#e11d2e;
  --pj-red-dark:#be123c;
  --pj-ink:#111827;
  --pj-dark:#111827;
  --pj-light:#f8fafc;
  --pj-surface:#ffffff;
  --pj-border:#e5e7eb;
  --pj-soft:#fff1f2;
  --pj-muted:#6b7280;
  --pj-blue:#0284c7;
  --pj-green:#059669;
  --pj-yellow:#d97706;
  --pj-purple:#7c3aed;
  --pj-radius-sm:10px;
  --pj-radius:14px;
  --pj-radius-lg:22px;
  --pj-shadow:0 12px 32px rgba(15,23,42,.07);
  --pj-shadow-soft:0 8px 22px rgba(15,23,42,.05);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--pj-ink);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video,canvas{max-width:100%;height:auto}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid rgba(225,29,46,.28);outline-offset:2px}
::selection{background:rgba(225,29,46,.18)}
.pj-skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.pj-skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:9999;background:#fff;color:var(--pj-red);padding:10px 14px;border-radius:999px;box-shadow:var(--pj-shadow)}