/*
  Design Family: warm-botanical
  Escopo por atributo — duas famílias podem coexistir numa página de preview (R11).
  Nada aqui sobe para foundation/core-tokens.css.
*/
[data-ws2-family="warm-botanical"] {
  /* cor */
  --pwb-sand: #F2E9DF;
  --pwb-shell: #FCF8F3;
  --pwb-clay: #E3CBB8;
  --pwb-clay-soft: #EFDCCC;
  --pwb-bronze: #8A6A40;
  --pwb-bronze-deep: #6E5230;
  --pwb-forest: #4C6B50;
  --pwb-forest-deep: #3A5540;
  --pwb-ink: #463C33;
  --pwb-muted: #79685B;
  --pwb-line: rgba(70, 60, 51, 0.14);

  /* papéis */
  --pwb-bg: var(--pwb-sand);
  --pwb-surface: var(--pwb-shell);
  --pwb-band: var(--pwb-clay-soft);
  --pwb-heading: var(--pwb-bronze);
  --pwb-text: var(--pwb-ink);
  --pwb-text-muted: var(--pwb-muted);
  --pwb-action: var(--pwb-forest);
  --pwb-action-hover: var(--pwb-forest-deep);

  /* tipografia */
  --pwb-font-heading: "Fraunces", Georgia, serif;
  --pwb-font-body: "Karla", system-ui, sans-serif;
  --pwb-nav-size: 15px;
  --pwb-body-size: 17px;
  --pwb-card-heading: 24px;
  --pwb-section-heading: clamp(34px, 4.4vw, 60px);
  --pwb-hero-heading: clamp(38px, 4.8vw, 66px);
  --pwb-body-leading: 1.72;
  --pwb-measure: 720px;

  /* forma */
  --pwb-radius-card: 14px;
  --pwb-radius-action: var(--ws2-radius-pill);
  --pwb-radius-arch: 220px 220px 18px 18px;
  --pwb-border: 1px solid var(--pwb-line);
  --pwb-shadow-card: 0 14px 34px rgba(70, 60, 51, 0.07);

  /* ritmo */
  --pwb-container: 1120px;
  --pwb-band-y: clamp(72px, 9vw, 104px);
  --pwb-header-h: 88px;

  /* motion */
  --pwb-motion-profile: "guided-interaction";
  --pwb-reveal-duration: var(--ws2-duration-base);
  --pwb-ease: var(--ws2-ease-out);
}