/* ============================================================
   GERTH CONSULTORIA — Design Tokens
   Paleta extraída da logo oficial:
   - Verde da seta (crescimento): #4DA04D
   - Azul-petróleo do "G" (solidez): #034E5A / #1F4E62
   - Creme do "G" invertido: #F2EDE3
   ============================================================ */

:root {
  /* ---- Cor: tinta (azul-petróleo, do corpo do G) ---- */
  --ink-950: #051E27;
  --ink-900: #072B37;
  --ink-850: #093544;
  --ink-800: #0B3D4C;
  --ink-700: #0F4B5C;
  --ink-600: #1A5D70;
  --ink-500: #2A6E80;
  --ink-400: #4C8A9B;
  --ink-300: #7FA6B1;
  --ink-200: #B4CCD3;
  --ink-100: #D9E6EA;
  --ink-050: #EDF4F5;

  /* ---- Cor: verde da seta (acento único) ---- */
  --green-800: #24632B;
  --green-700: #2E7A33;
  --green-600: #3C8F42;
  --green-500: #4DA04D;
  --green-400: #66B462;
  --green-300: #8FCB88;
  --green-100: #DDEEDA;
  --green-050: #EFF7ED;

  /* ---- Neutros (base creme da marca, aquecidos de leve) ---- */
  --paper: #F6F5F0;
  --paper-2: #EFEEE7;
  --cream: #F2EDE3;
  --card: #FFFFFF;
  --line: #E4E3DA;
  --line-strong: #D2D1C6;

  /* ---- Texto ---- */
  --text: #0B2B36;
  --text-2: #3E5C67;
  --text-3: #64808A;
  --text-invert: #F4F7F5;
  --text-invert-2: #A9C3C5;

  /* ---- Semânticas (dados) ---- */
  --pos: #3C8F42;        /* delta positivo   */
  --neg: #C4544A;        /* delta negativo   */
  --warn: #D9A13B;       /* atenção          */
  --pos-bg: #EAF4E8;
  --neg-bg: #F9ECEA;
  --warn-bg: #F9F1DF;

  /* ---- Dark surface (seções escuras / hero) ---- */
  --dk-bg: #062430;
  --dk-bg-2: #083240;
  --dk-card: #0B3B4A;
  --dk-line: rgba(244, 247, 245, 0.10);
  --dk-line-soft: rgba(244, 247, 245, 0.05);
  --dk-green: #6FBF67;   /* verde para fundo escuro (mais claro, menos saturado) */

  /* ---- Tipografia ---- */
  --font-sans: "Archivo", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  --fs-xs: 0.75rem;      /* 12 */
  --fs-sm: 0.875rem;     /* 14 */
  --fs-base: 1rem;       /* 16 */
  --fs-md: 1.125rem;     /* 18 */
  --fs-lg: 1.375rem;     /* 22 */
  --fs-xl: 1.75rem;      /* 28 */
  --fs-2xl: clamp(2rem, 1.4rem + 2.2vw, 3rem);
  --fs-hero: clamp(2.5rem, 1.6rem + 4vw, 4.5rem);

  /* ---- Espaçamento (escala de 4) ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ---- Forma ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-full: 999px;

  /* ---- Sombras (difusas, tintadas de petróleo) ---- */
  --sh-card: 0 1px 2px rgba(7, 43, 55, 0.05), 0 12px 32px -16px rgba(7, 43, 55, 0.14);
  --sh-float: 0 2px 6px rgba(7, 43, 55, 0.07), 0 24px 48px -20px rgba(7, 43, 55, 0.22);
  --sh-btn: 0 1px 2px rgba(7, 43, 55, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);

  /* ---- Movimento ---- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --t-fast: 140ms;
  --t-base: 220ms;
  --t-slow: 480ms;

  /* ---- Layout ---- */
  --container: 1240px;
  --header-h: 72px;
}