:root{
  --primary-500:#2563eb;
  --primary-600:#1d4ed8;
  --primary-700:#1e40af;
  --accent-400:#facc15;
  --accent-500:#eab308;
  --accent-600:#ca8a04;
  --danger:#ef4444;
}
.clip-slant{clip-path:polygon(0 0, 100% 0, 100% 85%, 0% 100%);}
.bg-pattern{
  background-color:#f3f4f6;
  background-image:radial-gradient(#e5e7eb 1px, transparent 1px);
  background-size:20px 20px;
}
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.card-hover:hover{box-shadow:0 20px 45px rgba(17,24,39,.12); transform:translateY(-2px)}