/*
  Design Family: pine-copper
  Marca pessoal de profissional que fala com calma de assunto difícil: o vídeo da pessoa em preto e branco fixo atrás do
  destaque (a página sobe por cima, como cortina), o nome gigante clareando embaixo, faixas pretas com pontinhos
  alternando com marfim de papel, títulos de grotesca estreita em caixa-alta e o cobre só em botão, ponto e número.
  v1.64: inspirada em references/law/reference-05 (variação, R32). A Lya escolheu, entre três esboços, o verde-noite e
  cobre com o formato do destaque; na v1.64.3 o verde-noite virou o preto puro da referência (pedido da Lya).
  Escopo por atributo (R11).
*/
[data-ws2-family="pine-copper"] {
  --pc-night: #000000;          /* preto puro, como o da referência (v1.64.3, pedido da Lya): destaque, faixas escuras */
  --pc-night-2: #121212;        /* painel do menu e cartões das palestras */
  --pc-night-rgb: 0, 0, 0;
  --pc-paper: #F2EDE3;          /* marfim: a página clara (18:1 com o preto) */
  --pc-paper-rgb: 242, 237, 227;
  --pc-sage: #E2E6DD;           /* sálvia clara: cartões de número e a faixa das palestras */
  --pc-ink: #000000;            /* texto no claro */
  --pc-muted: #575550;          /* apoio no claro (6,4:1 no marfim; 5,9:1 na sálvia) */
  --pc-on-dark: #F2EDE3;
  --pc-on-dark-muted: #CFCAC0;  /* apoio no escuro (12,9:1) */
  --pc-accent: #C47A46;         /* cobre: fundo de botão (preto por cima, 6,2:1), ponto, número; texto só no escuro */
  --pc-on-accent: #000000;
  --pc-accent-ink: #8A4A1F;     /* cobre para texto no claro (5,8:1 no marfim; 5,4:1 na sálvia) */
  --pc-accent-light: #E8C3A0;   /* cobre-claro: link e frase no escuro (12,7:1) */
  --pc-line: rgba(0, 0, 0, .14);
  --pc-line-strong: rgba(0, 0, 0, .26);
  --pc-on-dark-line: rgba(242, 237, 227, .16);

  --pc-font-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;   /* estreita no eixo de largura */
  --pc-display-width: 78;       /* wdth dos títulos em caixa-alta e do nome gigante */
  --pc-font-body: "Onest", "Helvetica Neue", Arial, system-ui, sans-serif;
  --pc-h1: clamp(2.1rem, 3.3vw, 3rem);
  --pc-display: clamp(2.5rem, 5.4vw, 4.4rem);
  --pc-title: clamp(2.2rem, 4.2vw, 3.5rem);
  --pc-h3: 1.32rem;
  --pc-heading-leading: 1;
  --pc-body-leading: 1.6;
  --pc-eyebrow: .84rem;         /* rótulo entre colchetes */

  --pc-radius: 18px;            /* cartões */
  --pc-radius-sm: 12px;
  --pc-radius-pill: 999px;
  --ws2-social-radius: 999px;

  --pc-container: 1180px;
  --pc-section-y: clamp(72px, 9vw, 140px);
  --pc-header-h: 76px;

  --pc-motion-profile: "film-curtain";
  --pc-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Esquemas de acento (R26) ------------------------------------------------------------------------
   A identidade é o vídeo fixo atrás do destaque, o nome gigante, o preto com pontinhos alternando com o marfim e a
   grotesca estreita em caixa-alta. O acento troca só o cobre (botão, ponto, número, etiqueta, link no escuro); o
   preto sobre o acento fica sempre ≥ 4,5:1, e o tom de texto no marfim também.
   Uso: <body data-ws2-family="pine-copper" data-ws2-accent="salvia"> */
[data-ws2-family="pine-copper"][data-ws2-accent="salvia"] {        /* sálvia: para psicologia e saúde (9,1:1 no preto) */
  --pc-accent: #8FB39A; --pc-accent-ink: #3F6B4E; --pc-accent-light: #C6DCCB;
}
[data-ws2-family="pine-copper"][data-ws2-accent="rosa-antigo"] {   /* rosa antigo: para marca pessoal mais calorosa (8:1 no preto) */
  --pc-accent: #D98C7E; --pc-accent-ink: #9A3F33; --pc-accent-light: #F0C9BF;
}