:root{
  /* ---- marca: cores amostradas das pecas do proprio cliente (Instagram) ---- */
  --brand-red:#E23436;      /* logo + arte, medido em 2 fontes */
  --brand-navy:#0B2C4D;    /* dominante nas pecas de post */
  --red-btn:#DE3335;
  /* cor de terceiro, uso funcional (CTA de WhatsApp) — fora do 60/30/10 da marca */
  --zap:#25D366;
  --zap-hover:#1FBF5B;       /* mesmo hue/sat da marca, 2% mais escuro: AA com branco (4.53) */

  /* escala marinho (hue 210) */
  --navy-900:#041526;
  --navy-800:#082038;
  --navy-700:#0B2C4C;
  --navy-600:#1E456B;
  --navy-500:#3C658F;
  --navy-400:#6E93B8;
  --navy-300:#A7C1DB;
  --navy-200:#D1E0F0;
  --navy-100:#E8F1FA;

  /* escala vermelho (hue 359) */
  --red-900:#540A0B;
  --red-800:#781112;
  --red-700:#9E191B;
  --red-600:#C42325;
  --red-500:#E33436;
  --red-400:#F26D6F;
  --red-200:#FCC5C6;
  --red-100:#FFE6E6;

  /* papel */
  --paper-0:#FFFFFF;
  --paper-50:#FBF9F5;
  --paper-100:#F6F3EC;
  --paper-200:#EDE8DF;
  --paper-300:#DCD5C8;

  /* papeis semanticos */
  --bg:var(--paper-100);
  --bg-alt:var(--paper-50);
  --ink:var(--navy-900);
  --ink-soft:var(--navy-600);
  --rule:rgba(11,44,77,.16);
  --rule-strong:rgba(11,44,77,.34);
  --margin-rule:var(--brand-red);   /* o filete da margem do livro-razao */

  --serif:'Bespoke Serif',Georgia,'Times New Roman',serif;
  --sans:'Satoshi',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SFMono-Regular','Cascadia Mono','Liberation Mono',Menlo,monospace;

  --shell:min(1180px,92vw);
  --gut:clamp(18px,3.2vw,34px);
}