@import url("/css/design_v2/color.css");
@import url("/css/design_v2/font.css");
@import url("/css/design_v2/standards.css");

/* Image base styles */
.ui-image {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Size variants - semantic tokens mapped to widths */
.ui-image--s {
  max-width: 200px;
}

.ui-image--m {
  max-width: 400px;
}

.ui-image--l {
  max-width: 600px;
}

/* Fit modifiers */
.ui-image--cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ui-image--contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}