/*
  Design Family: petal-spruce
  Vitrine editorial. Pétala é moldura (cabeçalho, vantagens, cadastro, rodapé); verde-abeto é ação e
  título. Serifada de texto clássica nos títulos; grotesca neutra em tudo o que se compra.
  Canto quase reto. Escopo por atributo (R11).
*/
[data-ws2-family="petal-spruce"] {
  --ps-petal: #D493A2;
  --ps-petal-text: #A35569;
  --ps-petal-soft: #F4DDE2;
  --ps-mist: #FBF5F3;
  --ps-nude: #F1E1CF;
  --ps-sky: #C9DAE0;
  --ps-spruce: #2C504E;
  --ps-spruce-deep: #1D3836;
  --ps-ink: #1F2A29;
  --ps-muted: #5D6866;
  --ps-line: rgba(31, 42, 41, .14);
  --ps-white: #FFFFFF;

  --ps-band: var(--ps-petal);
  --ps-band-ink: var(--ps-ink);
  /* cabeçalho: menu, ícones e marca em branco, como na referência — decisão da dona do produto
     (v1.45). Branco sobre pétala dá 2,5:1; o resto da faixa (vantagens, cadastro, rodapé) segue tinta. */
  --ps-header-ink: var(--ps-white);
  --ps-action: var(--ps-spruce);
  --ps-action-hover: var(--ps-spruce-deep);

  --ps-font-display: "Lora", Georgia, "Times New Roman", serif;
  --ps-font-ui: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ps-nav-size: 16px;
  --ps-body-size: 16px;
  --ps-price-size: 17px;
  --ps-hero-heading: clamp(34px, 4.2vw, 60px);
  --ps-section-heading: clamp(26px, 2.3vw, 36px);
  --ps-body-leading: 1.55;

  --ps-radius-card: 4px;
  --ps-radius-media: 2px;
  --ps-radius-button: 2px;
  --ps-radius-story: 14px;
  --ps-radius-pill: 999px;
  --ws2-social-radius: 999px;
  --ws2-map-radius: 4px;

  --ps-container: 1360px;
  --ps-gutter: clamp(16px, 3.4vw, 40px);
  --ps-band-y: clamp(52px, 6vw, 96px);
  --ps-header-h: 72px;

  --ps-motion-profile: "petal-settle";
  --ps-ease: cubic-bezier(.22, .61, .36, 1);
  --ps-settle: 1.1s;
  --ps-kenburns: 7.5s;
}

/* Esquemas de acento (R26) ----------------------------------------------------------------
   A identidade desta família é a arquitetura da vitrine — faixa de moldura, marca ao centro,
   produto em fundo liso, trilhos, verde-abeto de ação, serifada nos títulos. O tom da FAIXA
   acompanha a marca da loja, entre os esquemas declarados aqui. O verde-abeto de ação, a base
   clara, a tipografia, a forma e a densidade não mudam. Texto sobre a faixa continua tinta (os
   quatro tons passam de 5,9:1 com ela), menos o cabeçalho, que é branco em todos (v1.45).
   Uso: <body data-ws2-family="petal-spruce" data-ws2-accent="peach"> */
[data-ws2-family="petal-spruce"][data-ws2-accent="peach"] {
  --ps-petal: #E2A48E;
  --ps-petal-text: #9C5338;
  --ps-petal-soft: #F7E2D8;
}
[data-ws2-family="petal-spruce"][data-ws2-accent="lilac"] {
  --ps-petal: #B8A2CC;
  --ps-petal-text: #6F5690;
  --ps-petal-soft: #ECE4F3;
}
[data-ws2-family="petal-spruce"][data-ws2-accent="sand"] {
  --ps-petal: #D6BE9C;
  --ps-petal-text: #7D6038;
  --ps-petal-soft: #F3EADC;
}