@import "tailwindcss";

:root {
  --background: #03070D;
  --foreground: #ffffff;
  --font-inter: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-poppins: var(--font-poppins), "Poppins", sans-serif;
  background-color: #03070D;
}


@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-inter);
}

* {
  box-sizing: border-box;
}

html {
  background-color: #03070D !important;
  color-scheme: dark;
}

body {
  background-color: #03070D !important;
  color: #ffffff;
  font-family: var(--font-inter);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-height: 100vh;
}

/* Custom Gradients & Glass Styles from Figma Spec */
.btn-primary-gradient {
  position: relative;
  background: linear-gradient(180deg, #0029b2 0%, #0038bf 10%, #0e4acc 20%, #255cd9 30%, #3d6fe5 40%, #487eff 50%, #4b80ff 65%, #5d8bff 100%, #adbfff 100%);
  isolation: isolate;
  border-radius: 8px;
}

.btn-primary-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(74deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50.46%, rgba(255, 255, 255, 0.6) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.tab-active-gradient {
  background: linear-gradient(180deg, #0029b2 0%, #0038bf 10%, #0e4acc 20%, #255cd9 30%, #3d6fe5 40%, #487eff 62%, #4b80ff 75%, #5d8bff 100%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.4);
}

.tab-active-text {
  background: linear-gradient(180deg, #ffffff 0%, #d0deff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}