/* ============================================================
   Design tokens — MHA Consultoria
   Estética: Blueprint Editorial (engenharia + tipografia serif)
   ============================================================ */

:root {
  /* --- Cores principais --- */
  --color-ink:          #0A1530;          /* preto-azulado — texto principal */
  --color-ink-soft:     #334155;          /* cinza-ardósia — texto secundário */
  --color-ink-faint:    #64748B;          /* cinza-aço — captions, labels */
  --color-line:         #D8DEE8;          /* linha fina padrão */
  --color-line-faint:   #EEF1F6;          /* linha quase imperceptível */

  --color-primary:      #1E3A8A;          /* azul corporativo profundo */
  --color-primary-deep: #14245B;          /* variante escura p/ hover em fundo claro */
  --color-accent:       #0EA5E9;          /* cyan — destaques, numerais */
  --color-accent-deep:  #0284C7;

  --color-bg:           #F6F4EE;          /* off-white quente, papel técnico */
  --color-bg-alt:       #FFFFFF;          /* branco puro p/ contraste em cards */
  --color-bg-dark:      #0A1530;          /* hero / footer */
  --color-bg-grid:      #E8E3D6;          /* linha do grid em seções claras */
  --color-bg-grid-dark: #15214A;          /* grid do hero escuro */

  --color-success:      #16A34A;

  /* --- Tipografia --- */
  --font-display: 'Fraunces', 'Times New Roman', Georgia, serif;
  --font-body:    'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* --- Escala tipográfica (fluida) --- */
  /* Escala modular 1.25 (major third) — min (mobile) → max (desktop largo) */
  --fs-xs:   clamp(0.75rem, 0.72rem + 0.12vw, 0.82rem);
  --fs-sm:   clamp(0.88rem, 0.84rem + 0.15vw, 0.96rem);
  --fs-base: clamp(1.00rem, 0.95rem + 0.22vw, 1.08rem);
  --fs-lg:   clamp(1.18rem, 1.10rem + 0.38vw, 1.35rem);
  --fs-xl:   clamp(1.45rem, 1.30rem + 0.75vw, 1.80rem);
  --fs-2xl:  clamp(1.80rem, 1.55rem + 1.20vw, 2.40rem);
  --fs-3xl:  clamp(2.25rem, 1.85rem + 1.90vw, 3.10rem);
  --fs-4xl:  clamp(2.75rem, 2.10rem + 3.10vw, 4.20rem);

  /* --- Espaçamento --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* --- Layout --- */
  --container-max: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 74px;

  /* --- Radius (mínimo — estética técnica) --- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 6px;

  /* --- Sombras (discretas, como papel técnico) --- */
  --shadow-sm: 0 1px 2px rgba(10, 21, 48, 0.04);
  --shadow-md: 0 2px 8px rgba(10, 21, 48, 0.06), 0 1px 2px rgba(10, 21, 48, 0.04);
  --shadow-lg: 0 12px 32px rgba(10, 21, 48, 0.10), 0 2px 6px rgba(10, 21, 48, 0.06);

  /* --- Transições --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-mid:  320ms;
  --dur-slow: 560ms;
}