@theme{--font-vazir:"Vazirmatn",system-ui,sans-serif;--color-primary-50:#f5f3ff;--color-primary-100:#ede9fe;--color-primary-200:#ddd6fe;--color-primary-300:#c4b5fd;--color-primary-400:#a78bfa;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-primary-700:#6d28d9;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-primary-950:#2e1065}*{font-family:var(--font-vazir);scroll-behavior:smooth}body{font-family:Vazirmatn,system-ui,sans-serif;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.dark ::-webkit-scrollbar-thumb{background:#4c1d95}.dark ::-webkit-scrollbar-thumb:hover{background:#7c3aed}input[type=color]{-webkit-appearance:none;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:8px}.dark input[type=color]::-webkit-color-swatch{border-color:#374151}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#6366f1);outline:none;opacity:.85;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:white;border:3px solid #7c3aed;cursor:pointer;box-shadow:0 2px 10px rgba(124,58,237,.4);-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 14px rgba(124,58,237,.5)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:white;border:3px solid #7c3aed;cursor:pointer;box-shadow:0 2px 10px rgba(124,58,237,.4)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.dark .glass{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.2)}50%{box-shadow:0 0 40px rgba(139,92,246,.4)}}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-x 4s ease infinite}input[type=checkbox]{accent-color:#7c3aed}.dark select{color-scheme:dark}