@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');

:root { --mx-black: #101010; --mx-yellow: #f4cf3d; --mx-pink: #f26462; --mx-blue: #86c9e8; --mx-paper: #fffaf0; }

html, body, #app { min-height: 100%; }
body { margin: 0; color: var(--mx-black); background: var(--mx-paper); font-family: 'Outfit', sans-serif; }
.v-application, .v-application .text-body-1, .v-application .text-body-2, .v-application .v-btn, .v-application .v-field, .v-application .v-list-item { font-family: 'Outfit', sans-serif; }
.v-application, .mxgo-app, .mxgo-admin-app, .v-main { color: var(--mx-black); background: var(--mx-paper) !important; }
.v-card { border: 2px solid var(--mx-black); border-radius: 0 !important; box-shadow: 6px 6px 0 var(--mx-black) !important; }
.v-btn { border-radius: 999px !important; font-weight: 800; letter-spacing: .01em; text-transform: none; }
.v-btn.v-btn--variant-flat.bg-primary, .v-btn.bg-primary { color: white; box-shadow: 4px 4px 0 var(--mx-pink); }
.v-field { border-radius: 0 !important; }
.v-field--variant-outlined { border: 2px solid var(--mx-black); }
.v-field--variant-outlined:focus-within { box-shadow: 4px 4px 0 var(--mx-blue); }
.v-label, .v-input input, .v-input textarea { font-size: .9rem; }
ul li { list-style-type: decimal !important; }