:root{
  /* Base — valores exatos do tema WordPress institucional da Cogny */
  --navy:#1F242B;
  --navy-deep:#1e242b;
  --navy-hover:#2e3540;
  --navy-mid:#424A54;
  --gold:#D1AF2B;
  --gold-hover:#e8c43d;
  --white:#ffffff;
  --off-white:#F5F4F0;
  --cream:#f8f7f3;
  --gray-100:#f2f2f2;
  --gray-200:#EBEBEB;
  --gray-300:#e0e0e0;
  --gray-400:#aaaaaa;
  --gray-500:#888888;
  --gray-600:#666666;
  --gray-800:#3a3a3a;

  /* Dourado transparente — lavagens de acento, nunca fundo amplo */
  --gold-a08:rgba(209,175,43,.08);
  --gold-a12:rgba(209,175,43,.12);
  --gold-a22:rgba(209,175,43,.22);
  --gold-a30:rgba(209,175,43,.30);
  --gold-a40:rgba(209,175,43,.40);
  --gold-a45:rgba(209,175,43,.45);

  /* Branco transparente — tudo que assenta sobre navy */
  --white-a04:rgba(255,255,255,.04);
  --white-a06:rgba(255,255,255,.06);
  --white-a08:rgba(255,255,255,.08);
  --white-a10:rgba(255,255,255,.10);
  --white-a15:rgba(255,255,255,.15);
  --white-a22:rgba(255,255,255,.22);
  --white-a33:rgba(255,255,255,.33);
  --white-a38:rgba(255,255,255,.38);
  --white-a45:rgba(255,255,255,.45);
  --white-a55:rgba(255,255,255,.55);
  --white-a65:rgba(255,255,255,.65);
  --white-a78:rgba(255,255,255,.78);
  --white-a85:rgba(255,255,255,.85);

  /* Semântica: texto */
  --text-heading:var(--navy);
  --text-body:var(--gray-800);
  --text-muted:var(--gray-600);
  --text-caption:var(--gray-500);
  --text-meta:var(--gray-400);
  --text-accent:var(--gold);
  --text-on-dark:#ffffff;
  --text-on-dark-body:var(--white-a65);
  --text-on-dark-muted:var(--white-a38);
  --text-on-dark-faint:var(--white-a22);
  --text-nav:var(--white-a78);

  /* Semântica: superfícies */
  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-alt:var(--gray-100);
  --surface-cream:var(--off-white);
  --surface-dark:var(--navy);
  --surface-dark-alt:var(--navy-mid);
  --surface-card-on-dark:var(--white-a06);
  --surface-tile-on-dark:var(--white-a04);
  --surface-accent-wash:var(--gold-a08);

  /* Semântica: bordas */
  --border-card:var(--gray-200);
  --border-rule:var(--gray-300);
  --border-on-dark:var(--white-a10);
  --border-on-dark-strong:var(--white-a15);
  --border-accent:var(--gold-a30);

  /* Tipografia */
  --font-core:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-sans:var(--font-core);
  --fw-light:300;
  --fw-regular:400;
  --fw-bold:700;
  --fw-black:900;

  --fs-hero:clamp(36px,5.5vw,72px);
  --fs-page-hero:clamp(36px,5vw,68px);
  --fs-h2:clamp(28px,3.5vw,48px);
  --fs-stat-xl:48px;
  --fs-stat-lg:clamp(28px,3vw,44px);
  --fs-stat-md:36px;
  --fs-stat-sm:28px;
  --fs-h3:19px;
  --fs-h4:17px;
  --fs-lead:clamp(15px,1.6vw,18px);
  --fs-body-lg:16px;
  --fs-body:15px;
  --fs-body-sm:13.5px;
  --fs-ui:13px;
  --fs-small:12px;
  --fs-caption:11px;
  --fs-micro:10px;
  --fs-nano:9.5px;

  --lh-hero:1.03;
  --lh-display:1.08;
  --lh-tight:1.2;
  --lh-snug:1.4;
  --lh-body:1.65;
  --lh-relaxed:1.75;

  --ls-display:-.025em;
  --ls-h2:-.02em;
  --ls-nav:.015em;
  --ls-button:.07em;
  --ls-eyebrow:.14em;
  --ls-label:.1em;
  --ls-tag:.08em;

  --type-eyebrow:var(--fw-bold) var(--fs-caption)/1 var(--font-core);
  --type-button:var(--fw-bold) var(--fs-small)/1 var(--font-core);
  --type-nav:var(--fw-bold) var(--fs-ui)/1 var(--font-core);

  /* Espaçamento */
  --space-1:4px;  --space-2:8px;   --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px;  --space-7:32px; --space-8:36px;
  --space-9:44px; --space-10:48px; --space-11:56px;--space-12:64px;
  --space-14:80px;--space-16:100px;

  --container:1200px;
  --container-wide:1300px;
  --gutter:48px;
  --gutter-mobile:24px;
  --header-height:70px;

  /* Raios */
  --radius-button:2px;
  --radius-xs:3px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:8px;
  --radius-card:12px;
  --radius-section:24px;
  --radius-pill:999px;

  /* Traços */
  --hairline:0.5px;
  --stroke-button:1.5px;
  --stroke-accent:2px;

  /* Sombras */
  --shadow-header:0 2px 24px rgba(0,0,0,.35);
  --shadow-card-hover:0 16px 40px rgba(0,0,0,.08);
  --shadow-drawer:4px 0 24px rgba(0,0,0,.4);
  --ring-gold:0 0 0 3px rgba(209,175,43,.25);

  /* Durações — dial de motion em 0.15: apenas transição de estado */
  --dur-fast:.15s;
  --dur-base:.2s;
  --dur-slow:.3s;
}
