/* Jucoski — tokens do redesign (Marco 1)
   Contraste verificado (WCAG 2.x, texto normal):
   --ink #132B3A sobre #FFFFFF ≈ 14,5:1 | --ink-2 #52616B sobre #FFFFFF ≈ 6,4:1 e sobre #F4F8FB ≈ 6,0:1
   --action #0D74B4 sobre #FFFFFF ≈ 5,0:1 (texto/links) | branco sobre --action ≈ 5,0:1
   --accent #1A9FEB sobre #FFFFFF ≈ 2,9:1 → somente decorativo, nunca texto. */
:root {
  /* cor */
  --bg: #FFFFFF;
  --bg-alt: #F4F8FB;
  --bg-ice: #EAF3F9;
  --ink: #132B3A;
  --ink-2: #52616B;
  --accent: #1A9FEB;
  --action: #0D74B4;
  --action-hover: #0A5F94;
  --action-soft: #E6F2FA;
  --border: #DBE6EC;
  --border-strong: #C4D5DF;
  --dark: #10232F;
  --ok: #1F8A5B;

  /* tipografia */
  --font: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-body: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --fs-small: 0.875rem;
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fs-h1: clamp(2.35rem, 1.35rem + 3.6vw, 4.25rem);
  --fs-h2: clamp(1.85rem, 1.3rem + 1.9vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.12rem + 0.5vw, 1.5rem);

  /* espaço e forma */
  --container: 1280px;
  --gutter: clamp(16px, 3vw, 32px);
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(19, 43, 58, .06);
  --shadow: 0 1px 2px rgba(19, 43, 58, .05), 0 8px 24px -8px rgba(19, 43, 58, .14);
  --shadow-lg: 0 2px 4px rgba(19, 43, 58, .04), 0 24px 48px -16px rgba(19, 43, 58, .22);
  --header-h: 72px;

  /* movimento */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 180ms;
  --t-tab: 300ms;
  --t-reveal: 550ms;
}

@media (max-width: 767px) {
  :root { --header-h: 64px; }
}