* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  height: 100%;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

/* ====== GOTHAM WEBFONTS ====== */

@font-face {
  font-family: "Gotham-Book";
  src: url("/fonts/GothamBook.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Light";
  src: url("/fonts/GothamLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("/fonts/GothamMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Bold";
  src: url("/fonts/GothamBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.badge-fix {
  font-family: 'Gotham-Medium' !important;
  font-weight: 500 !important;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

/* App shell (pengganti Tailwind wrapper di layout) */
.app-shell{
  background:#1e1e1e;
  min-height:100vh;
  width:100%;
  position:relative;
}