/* ==========================================================================
   CatalogoCode Design System v2 — 03 · Perfiles de categoría (SOLO forma)
   data-profile lo calcula DesignSystem::profileFor() a partir del rubro.
   Un perfil nunca define colores: eso es del tema.
   ========================================================================== */
@layer profiles {
  #ds2 {
    --ds-media-ratio: 1 / 1;
    --ds-media-fit: cover;
    --ds-name-weight: 600;
    --ds-name-transform: none;
    --ds-name-tracking: -.01em;
    --ds-hero-h: clamp(200px, 30vw, 300px);
  }

  /* Perfumería: editorial, vertical, serif */
  #ds2[data-profile="fragrance"] {
    --ds-font-display: "Playfair Display", Georgia, serif;
    --ds-media-ratio: 4 / 5;
    --ds-name-weight: 500;
    --ds-name-tracking: 0;
  }
  /* Comida: foto horizontal apetitosa */
  #ds2[data-profile="food"] {
    --ds-media-ratio: 4 / 3;
    --ds-name-weight: 700;
  }
  /* Belleza / barbería */
  #ds2[data-profile="beauty"] {
    --ds-font-display: "Outfit", var(--ds-font-sans);
    --ds-media-ratio: 4 / 5;
  }
  /* Floristería */
  #ds2[data-profile="floral"] {
    --ds-font-display: "Playfair Display", Georgia, serif;
    --ds-media-ratio: 4 / 5;
    --ds-name-weight: 500;
    --ds-name-tracking: 0;
  }
  /* Moda: proporción de pasarela */
  #ds2[data-profile="fashion"] {
    --ds-font-display: "Outfit", var(--ds-font-sans);
    --ds-media-ratio: 3 / 4;
    --ds-name-weight: 500;
  }
  /* Arquitectura / hogar */
  #ds2[data-profile="architecture"] {
    --ds-font-display: "Outfit", var(--ds-font-sans);
    --ds-media-ratio: 4 / 3;
  }
  /* Tecnología: producto recortado sobre fondo, sin recorte */
  #ds2[data-profile="technology"] {
    --ds-media-ratio: 1 / 1;
    --ds-media-fit: contain;
  }
}