/* Design System - Main Import File */

@import "design_system/buttons.css";
@import "design_system/cards.css";
@import "design_system/badges.css";
@import "design_system/typography.css";
@import "design_system/progress.css";
@import "design_system/navbar.css";
@import "design_system/icons.css";
@import "design_system/dashboard.css";
@import "design_system/search_mission.css";

/* Global design system utilities */
.ds-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}

.ds-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
}

.ds-divider {
  height: 1px;
  align-self: stretch;
  background-color: #E5E7EB;
}

.ds-divider-vertical {
  width: 1px;
  height: 1.5rem;
  background-color: #E5E7EB;
}

/* Spacing utilities */
.ds-gap-1 { gap: 0.25rem; }
.ds-gap-2 { gap: 0.5rem; }
.ds-gap-3 { gap: 0.75rem; }
.ds-gap-4 { gap: 1rem; }
.ds-gap-6 { gap: 1.5rem; }
.ds-gap-8 { gap: 2rem; }

/* Flex utilities */
.ds-flex { display: flex; }
.ds-flex-col { flex-direction: column; }
.ds-items-center { align-items: center; }
.ds-items-start { align-items: flex-start; }
.ds-justify-center { justify-content: center; }
.ds-justify-between { justify-content: space-between; }
.ds-flex-1 { flex: 1 0 0; }

/* Background colors */
.ds-bg-white { background-color: #ffffff; }
.ds-bg-gray-50 { background-color: #F9FAFB; }
.ds-bg-gray-100 { background-color: #F3F4F6; }

/* Border radius */
.ds-rounded { border-radius: 0.5rem; }
.ds-rounded-lg { border-radius: 1rem; }
.ds-rounded-xl { border-radius: 1.5rem; }
.ds-rounded-full { border-radius: 9999px; }