/* ============================================================
   Físico Fitness — Cores
   Fonte: brandbook v1.1 §04 (HEX extraídos dos vetores oficiais)
   Regra 60/30/10: 60% branco+off-white · 30% nude+cinza+grafite · 10% rosa
   Rosa marca APENAS onde há ação ou ênfase.
   ============================================================ */
:root {
  /* Base */
  --rosa: #FE1F4D;        /* Rosa Físico — primária: logo, CTA, preço em oferta, badge, links */
  --rosa-hover: #E0143F;  /* Rosa-escuro — hover; 4,8:1 sobre branco, OK p/ links em texto */
  --nude: #D9B7A3;        /* Nude Físico — fundos, embalagem, logo suave. NUNCA texto */
  --cinza: #6B6B6B;       /* Cinza Físico — apoio do logo, eyebrows, legendas, metadados */
  --grafite: #2B2B2E;     /* Grafite — texto corrido e títulos. Substitui o preto puro */
  --offwhite: #F4F5F7;    /* Fundo de UI, cards e seções alternadas */
  --branco: #FFFFFF;      /* Base dominante. O espaço em branco é identidade */

  /* Semânticas */
  --text-body: var(--grafite);
  --text-muted: var(--cinza);
  --text-on-rosa: var(--branco);      /* rótulo ≥16px semibold */
  --accent: var(--rosa);
  --accent-hover: var(--rosa-hover);
  --surface-page: var(--branco);
  --surface-alt: var(--offwhite);
  --surface-editorial: var(--nude);   /* blocos editoriais; nunca componente de ação */
  --border-subtle: #E4E6EA;
  --link: var(--rosa-hover);          /* 4,8:1 — aprovado em texto corrente */
  --link-hover: var(--rosa);
}