/* Mobzax | Design system 2026.  Original user-specified brand gradient. */
:root {
  --font-sans: "Nunito", sans-serif;
  --mobz-gradient: radial-gradient(rgb(87, 10, 25), rgb(216, 3, 44));
  --mobz-brand-dark: rgb(87, 10, 25);
  --mobz-brand-light: rgb(216, 3, 44);
  --mobz-bg: #170911;
  --mobz-accent: #d8032c;
  --mobz-deep: #260b17;
  --mobz-card: #a30f31;
  --color-fuchsia-200: #ffe1e6;
  --color-fuchsia-400: #ff7791;
  --color-fuchsia-500: #d8032c;
  --color-fuchsia-600: #b91035;
  --color-fuchsia-700: #800e27;
  accent-color: #d8032c;
}
html,body,button,input,select,textarea { font-family: "Nunito", sans-serif!important; }
html { color-scheme: dark; }
body { background:#170911; color:#fff; }
::selection {background:#d8032c;color:#fff}
.bg-fuchsia-600,.bg-fuchsia-500 {background-color:#c80b32;color:#fff}
.hover\:bg-fuchsia-700:hover {background-color:#ef214c}
.text-fuchsia-500,.text-fuchsia-600,.text-fuchsia-400{color:#ff758c}
.border-fuchsia-600 {border-color:#d8032c}
a[href],button:not(:disabled),[role="button"],summary,label[for],select{cursor:pointer!important}
button:disabled{cursor:not-allowed}
a[href]:hover,button:not(:disabled):hover{filter:brightness(1.06)}
:focus-visible{outline:2px solid #ff8fa1;outline-offset:3px}