/* NAPOLI — lokaal gebouwde utility-CSS (fase 9 afsluiting).
   Vervangt de Tailwind-CDN: exact de klassen die login.html, wedstrijd.html en
   ufc_gevecht.html gebruiken, met Tailwind's eigen waarden zodat er niets verandert.
   Geen externe last meer. Geen build-toolchain nodig. */
p{margin:0}

/* display / layout */
.block{display:block}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.overflow-x-auto{overflow-x:auto}
.min-h-screen{min-height:100vh}
.max-w-sm{max-width:24rem}
.w-4{width:1rem}.w-12{width:3rem}.w-24{width:6rem}.w-28{width:7rem}.w-full{width:100%}

/* gap / space */
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}
.space-y-1>*+*{margin-top:.25rem}

/* padding */
.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.pl-4{padding-left:1rem}

/* margin */
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}

/* borders */
.border{border-width:1px;border-style:solid}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-slate-700{border-color:#334155}
.border-slate-800{border-color:#1e293b}
.border-slate-800\/50{border-color:rgba(30,41,59,.5)}
.border-indigo-800\/50{border-color:rgba(55,48,163,.5)}

/* backgrounds */
.bg-slate-100{background-color:#f1f5f9}
.bg-slate-700{background-color:#334155}
.bg-slate-800{background-color:#1e293b}
.bg-slate-800\/40{background-color:rgba(30,41,59,.4)}
.bg-slate-800\/60{background-color:rgba(30,41,59,.6)}
.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}
.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}
.bg-amber-500{background-color:#f59e0b}
.bg-indigo-900\/10{background-color:rgba(49,46,129,.1)}

/* text color */
.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-900{color:#0f172a}.text-slate-950{color:#020617}
.text-amber-400{color:#fbbf24}.text-amber-400\/90{color:rgba(251,191,36,.9)}
.text-green-400{color:#4ade80}.text-red-400{color:#f87171}

/* type */
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xs{font-size:.75rem;line-height:1rem}
.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}
.tracking-tight{letter-spacing:-.025em}

/* rounded / list */
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}
.list-disc{list-style-type:disc}

/* hover */
.hover\:bg-amber-400:hover{background-color:#fbbf24}
.hover\:bg-slate-600:hover{background-color:#475569}
.hover\:bg-white:hover{background-color:#fff}
.hover\:text-white:hover{color:#fff}