/* ===================================================================
   PATA+ DESIGN TOKENS
   Paleta extraída do PDF original · Uso refinado
   =================================================================== */

:root {
  /* ── Cores ── */
  --primary:        #16603F;
  --primary-dark:   #0F4A2E;
  --primary-light:  #4DAE79;
  --primary-soft:   #A8DFBF;

  --surface:        #E2F2E8;
  --background:     #F4F6F2;
  --background-alt: #FFFFFF;

  --text-primary:   #1A2E23;
  --text-secondary: #4A6B55;
  --text-light:     #6B8F79;
  --text-on-dark:   #FFFFFF;

  --border:         #D0E0D6;
  --border-light:   #E8F0EC;

  --cta:            #16603F;
  --cta-hover:      #1D7A4F;
  --cta-active:     #0F4A2E;
  --cta-text:       #FFFFFF;

  --accent-warm:    #FFF0E2;

  /* ── Tipografia ── */
  --font-display:   'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body:      'DM Sans', system-ui, -apple-system, sans-serif;

  --fs-display:     clamp(1.75rem, 4.5vw, 3rem);
  --fs-h1:          clamp(1.5rem, 3.5vw, 2.5rem);
  --fs-h2:          clamp(1.25rem, 2.8vw, 1.875rem);
  --fs-h3:          clamp(1.0625rem, 2.2vw, 1.375rem);
  --fs-body:        clamp(1rem, 1.5vw, 1.125rem);
  --fs-body-lg:     clamp(1.0625rem, 1.8vw, 1.25rem);
  --fs-small:       clamp(0.875rem, 1.2vw, 1rem);
  --fs-caption:     clamp(0.8125rem, 1vw, 0.875rem);

  --fw-regular:     400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;
  --fw-extrabold:   800;

  --lh-tight:       1.2;
  --lh-snug:        1.35;
  --lh-normal:      1.6;
  --lh-relaxed:     1.75;

  --ls-tight:       -0.02em;
  --ls-normal:      0;
  --ls-wide:        0.02em;
  --ls-wider:       0.05em;

  /* ── Espaçamento ── */
  --space-xs:       0.5rem;
  --space-sm:       1rem;
  --space-md:       1.5rem;
  --space-lg:       2rem;
  --space-xl:       3rem;
  --space-2xl:      4rem;
  --space-3xl:      6rem;

  --section-py:     clamp(3rem, 7vw, 5rem);
  --container-px:   clamp(1.25rem, 5vw, 2rem);
  --container-max:  1120px;

  /* ── Bordas ── */
  --radius-xs:      4px;
  --radius-sm:      8px;
  --radius-md:      12px;
  --radius-lg:      16px;
  --radius-xl:      24px;
  --radius-full:    9999px;

  /* ── Sombras (uso restrito) ── */
  --shadow-sm:      0 1px 3px rgba(22,96,63,0.06);
  --shadow-card:    0 2px 20px rgba(22,96,63,0.07);
  --shadow-cta:     0 4px 14px rgba(22,96,63,0.25);
  --shadow-cta-hover: 0 6px 20px rgba(22,96,63,0.35);
  --shadow-sticky:  0 -1px 12px rgba(22,96,63,0.08);
  --shadow-xl:      0 12px 32px rgba(22,96,63,0.12);

  /* ── Transições ── */
  --ease-out:       cubic-bezier(0.33, 1, 0.68, 1);
  --duration-fast:  150ms;
  --duration-normal:300ms;
  --duration-slow:  500ms;
  --duration-anim:  600ms;

  /* ── Z-index ── */
  --z-header:       100;
  --z-sticky:       90;
}