@import "tailwindcss";

@theme {
  --color-brand-25: #EFF8FF;
  --color-brand-50: #F5FAFF;
  --color-brand-100: #D1E9FF;
  --color-brand-200: #B2DDFF;
  --color-brand-300: #84CAFF;
  --color-brand-400: #53B1FD;
  --color-brand-500: #2E90FA;
  --color-brand-600: #1570EF;
  --color-brand-700: #175CD3;
  --color-brand-800: #1849A9;
  --color-brand-900: #194185;
}
/* @theme {
  --color-brand-25: #FFF5F6;
  --color-brand-50: #FFE8EA;
  --color-brand-100: #FFD1D6;
  --color-brand-200: #FFA3AE;
  --color-brand-300: #FF7585;
  --color-brand-400: #FF475D;
  --color-brand-500: #E63946;
  --color-brand-600: #C5303C;
  --color-brand-700: #9E2630;
  --color-brand-800: #771D24;
  --color-brand-900: #501318;
} */


* {
  box-sizing: border-box;
}

html,
body,
#app {
  min-height: 100%;
}

body {
  margin: 0;
}

/* Safe area padding for mobile devices */
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Hide scrollbar but allow scrolling */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Line clamp utilities */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Safe area padding for mobile devices */
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}