/*
  Design Family: teal-towel
  Casa de cuidado aconchegante e alegre: creme-rosado com patinhas claras, cartões rosa e azul de cantos bem redondos, verde-azulado no título largo em minúsculas, no botão redondo e no rodapé; o pet sobre a cor do fundo da foto.
  v1.73: nasce da maquete Groom City (references/pet-grooming/reference-01/02-groom-city.jpg), escolhida pela Lya em 6/11/2026 entre as prévias de destaques
  (oficina/previa-destaques/). O destaque segue a maquete (decisão dela, como na Juno); o resto da página é da WS2.
  Escopo por atributo (R11). Esquemas de acento (R26): data-ws2-accent no <body>.
*/
[data-ws2-family="teal-towel"] {
  --tt-teal: #1D5A60;          /* título, botão redondo, rodapé (branco por cima 7,9:1) */
  --tt-teal-deep: #164A4F;
  --tt-on-teal: #FFFFFF;
  --tt-pink: #F7D5DA;          /* cartão rosa (verde-azulado por cima 6,0:1) */
  --tt-pink-deep: #E9A9B5;     /* o nome gigante do rodapé e a pílula da aba */
  --tt-blue: #DCE9EC;          /* cartão azul e a pílula do cabeçalho (6,4:1) */
  --tt-blue-deep: #C3D9DE;
  --tt-cream: #FBF6F3;         /* fundo da página, com as patinhas */
  --tt-paper: #FFFFFF;
  --tt-ink: #1B3D41;
  --tt-text: #33494C;          /* 9,4:1 no creme */
  --tt-muted: #5D6F72;
  --tt-glass: rgba(120, 140, 150, .42);

  --tt-display: "Unbounded", "Arial Rounded MT Bold", system-ui, sans-serif;
  --tt-sans: "Manrope", "Helvetica Neue", Arial, system-ui, sans-serif;
  --tt-max: 1320px;
  --tt-gutter: clamp(16px, 4vw, 60px);
  --tt-section-y: clamp(64px, 8vw, 120px);
  --tt-radius: 24px;
  --tt-radius-lg: 28px;
  --ws2-social-radius: 999px;

  --tt-motion-profile: "towel-pop";
  --tt-ease: cubic-bezier(.2, .7, .2, 1);
}
[data-ws2-family="teal-towel"][data-ws2-accent="ameixa"] { --tt-teal: #6B2E5C; --tt-teal-deep: #57244A; --tt-pink-deep: #E6B0C9; }   /* 9,0:1 com o branco */
[data-ws2-family="teal-towel"][data-ws2-accent="azul"] { --tt-teal: #1F4E8C; --tt-teal-deep: #183F72; --tt-pink-deep: #F2B9A8; }    /* 8,4:1 com o branco */