/* ==========================================================================
   Tokens de design · Consultoria Mini Entulho
   ========================================================================== */

:root {
  /* Marca */
  --blue: #1A3FD1;
  --blue-600: #1535B5;
  --blue-800: #0E2275;
  --blue-50: #EEF2FF;
  --blue-100: #DCE4FF;
  --yellow: #FFC20E;
  --yellow-600: #F2B000;
  --black: #0E1116;
  --white: #FFFFFF;

  /* Neutros */
  --bg: #FFFFFF;
  --bg-soft: #F5F6FA;
  --ink: #0E1116;
  --ink-2: #4B5263;
  --ink-3: #8A90A0;
  --line: #E6E8EF;
  --line-dark: rgba(255, 255, 255, .1);

  /* Tipografia */
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.6rem, 1.7rem + 2.9vw, 4.4rem);
  --fs-h2: clamp(2.2rem, 1.6rem + 2vw, 3.5rem);
  --fs-h3: clamp(1.15rem, 1.05rem + .4vw, 1.35rem);
  --fs-lead: clamp(1rem, .96rem + .2vw, 1.12rem);

  /* Espaço e forma */
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 40px);
  --section-y: clamp(88px, 10vw, 150px);
  --header-h: 76px;
  --r-sm: 12px;
  --r: 20px;
  --r-lg: 32px;
  --r-full: 999px;

  /* Sombras suaves */
  --sh-sm: 0 1px 2px rgba(14, 17, 22, .04), 0 2px 8px rgba(14, 17, 22, .04);
  --sh: 0 2px 4px rgba(14, 17, 22, .03), 0 12px 32px -8px rgba(14, 17, 22, .1);
  --sh-lg: 0 4px 8px rgba(14, 17, 22, .04), 0 30px 60px -20px rgba(14, 17, 22, .22);
  --sh-blue: 0 18px 40px -14px rgba(26, 63, 209, .55);

  /* Movimento */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}