/*
  Design Family: rose-plum
  Escopo por atributo — três famílias podem coexistir numa página de preview (R11).
  Nada aqui sobe para foundation/core-tokens.css.
*/
[data-ws2-family="rose-plum"] {
  /* cor */
  --prp-rose: #C79CA9;
  --prp-rose-light: #F6E8EA;
  --prp-rose-mid: #E8CBD2;
  --prp-rose-deep: #A9788A;
  --prp-plum: #3E2B30;
  --prp-plum-soft: #5B4046;
  --prp-ink: #43302F;
  --prp-muted: #7C6468;
  --prp-paper: #FFFFFF;
  --prp-line: rgba(199, 156, 169, 0.42);

  /* papéis */
  --prp-bg: var(--prp-paper);
  --prp-band-soft: var(--prp-rose-light);
  --prp-band-strong: var(--prp-plum);
  --prp-text: var(--prp-ink);
  --prp-text-muted: var(--prp-muted);
  --prp-heading: var(--prp-plum);

  /* duas ações, pesos diferentes — nenhuma terceira */
  --prp-action-invite: var(--prp-rose);
  --prp-action-invite-hover: var(--prp-rose-deep);
  --prp-action-decide: var(--prp-plum);
  --prp-action-decide-hover: var(--prp-plum-soft);

  /* tipografia — serifada no título e no corpo */
  --prp-font-heading: "Newsreader", Georgia, serif;
  --prp-font-body: "Lora", Georgia, serif;
  --prp-nav-size: 16px;
  --prp-body-size: 17px;
  --prp-card-heading: 22px;
  --prp-section-heading: clamp(30px, 3.6vw, 50px);
  --prp-hero-heading: clamp(36px, 4.6vw, 62px);
  --prp-body-leading: 1.74;
  --prp-measure: 680px;

  /* forma */
  --prp-radius-card: 20px;
  --prp-radius-band: 28px;
  --prp-radius-action: var(--ws2-radius-pill);
  --prp-radius-arch: 50% 50% 46% 46% / 62% 62% 38% 38%;
  --prp-border: 1px solid var(--prp-line);
  --prp-shadow-card: 0 16px 40px rgba(62, 43, 48, 0.08);

  /* ritmo */
  --prp-container: 1160px;
  --prp-band-y: clamp(68px, 8.5vw, 96px);
  --prp-header-h: 92px;

  /* motion */
  --prp-motion-profile: "proof-and-portrait";
  --prp-ease: var(--ws2-ease-out);
}