/* Garment flats (SVG drawn at 10 units per inch). Recolour with --garment;
 * the hood lining and other shaded parts follow automatically. */
@layer reset, tokens, base, layout, components, utilities, print;

@layer components {
  .garment-views { --garment-shade: color-mix(in srgb, var(--garment, #d9dadc) 72%, #000);
                   display: flex; flex-wrap: wrap; gap: var(--space-5); align-items: flex-end; }
  .garment-views figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
  .garment-views figcaption { font-size: var(--text-xs); color: var(--muted); }
  .garment-flat { width: auto; height: 18rem; max-width: 100%; overflow: visible; }
  .garment-flat[style] { height: auto; }
}