/* ============================================================
   CSM GLOBAL ADVISORY — VARIÁVEIS DE MARCA
   Fonte única de cor e tipo. Não é fonte de componentes.
   ============================================================ */
:root {
  /* ---- OURO. Um só par ---- */
  --csm-ouro:            #C4A25E;  /* primário */
  --csm-ouro-par:        #DCC08A;  /* par. É o ouro da régua da logomarca */
  --csm-ouro-tinta:      #6B5426;  /* ouro escurecido PARA TEXTO SOBRE FUNDO CLARO */
  --csm-ouro-sobre:      #191B1F;  /* tinta a usar SOBRE o ouro */

  /* ---- SUPERFÍCIES ESCURAS (sítio público, apresentação) ---- */
  --csm-escuro-fundo:    #1D1F22;
  --csm-escuro-elevado:  #26282C;
  --csm-escuro-linha:    #34373D;
  --csm-escuro-linha-2:  #3A3D43;

  /* ---- SUPERFÍCIES CLARAS ---- */
  --csm-claro-fundo:     #F9FAFB;
  --csm-claro-cartao:    #FFFFFF;
  --csm-claro-linha:     #DCDEE0;

  /* ---- TINTA ---- */
  --csm-tinta:           #05080A;  /* sobre claro */
  --csm-tinta-inversa:   #F2F4F6;  /* sobre escuro */
  --csm-tinta-2:         #9EA2A8;  /* secundária sobre escuro */
  --csm-tinta-3:         #CDD2D8;  /* terciária sobre escuro */
  --csm-tinta-2-claro:   #5A646F;  /* secundária sobre claro */
  --csm-tinta-dim:       #8B8F95;  /* atenuada sobre escuro: rótulos, rodapé, marcador */
  --csm-marca-subtitulo: #8FA0B4;  /* «Global · Advisory» sobre escuro */
  --csm-marca-subtitulo-claro: #5A646F;

  /* ---- TIPOGRAFIA ---- */
  --csm-fonte-display: "Cormorant Garamond", Georgia, serif;  /* peso 600 */
  --csm-fonte-texto:   "Inter", system-ui, sans-serif;         /* 400 / 500 / 600 */

  --csm-display-peso: 600;
  --csm-display-italico-cor: var(--csm-ouro); /* a ênfase do display é ouro em itálico */

  /* tracking */
  --csm-track-marca:    0.16em;  /* «CSM» */
  --csm-track-subtitulo:0.30em;  /* «Global · Advisory» */
  --csm-track-botao:    0.18em;  /* rótulo de botão, Inter 500 12px */
  --csm-track-etiqueta: 0.06em;

  /* escala de display (Cormorant 600) */
  --csm-d1: 98px; --csm-d2: 72px; --csm-d3: 54px; --csm-d4: 40px;
  /* escala de texto (Inter) */
  --csm-t1: 18px; --csm-t2: 16px; --csm-t3: 14px; --csm-t4: 12px;
  --csm-corpo-minimo: 12px;  /* nada abaixo disto */

  /* ---- LOGOMARCA: construção. S = corpo da palavra CSM ---- */
  --csm-logo-regua-espessura: 0.0385em;  /* 1px a S=26px */
  --csm-logo-regua-topo:      1.1923em;  /* do topo da caixa de CSM */
  --csm-logo-subtitulo-topo:  1.4615em;
  --csm-logo-subtitulo-corpo: 0.3462em;
  --csm-logo-respiro:         0.6406em;  /* = altura de maiúscula. Área livre mínima em volta */
  --csm-logo-minimo-px:       88px;      /* largura mínima da marca principal */
  --csm-logo-minimo-horiz-px: 140px;     /* largura mínima do encaixe horizontal */
}