/* ============================================================
   PERCURSO FERENCZI — DESIGN TOKENS
   Fonte única de verdade. Nenhum valor de cor, tipo ou
   espaçamento deve existir fora deste arquivo.

   Tipografia: Source Serif 4 em TODA a página (como nas
   postagens). A rampa abaixo reproduz os text styles das
   publicações — cada tamanho tem line-height e letter-spacing
   próprios. Não criar degraus fora da rampa.
   ============================================================ */

:root {

  /* ---------- COR ---------- */
  /* papel (DNA das postagens) */
  --c-bg:            #EFECE4;
  --c-paper:         #FDFCF8;

  /* tinta */
  --c-ink:           #16140F;
  --c-body:          #3B372E;
  --c-muted:         #6E695C;
  --c-faint:         #9B9583;

  /* marca */
  --c-red:           #CE1D2B;   /* vermelho único */
  --c-red-deep:      #A31622;   /* hover / pressed */
  --c-red-panel:     #C41D2A;   /* telas vermelhas full-bleed */

  /* verde — tags de economia e hover do CTA primário */
  --c-green:         #1A7A4F;
  --c-green-deep:    #14603E;
  --c-green-on-dark: #4CC38A;  /* texto verde legível sobre preto */

  /* telas escuras */
  --c-dark:          #131109;
  --c-dark-2:        #1C1913;
  --c-dark-border:   #35302A;
  --c-cream-on-dark: #EDE9DC;
  --c-muted-on-dark: #A6A08E;

  /* bordas sobre papel */
  --c-border:        #DBD6C9;
  --c-border-strong: #C1BBAB;

  /* ---------- TIPOGRAFIA ---------- */
  --f-serif: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;

  /* Rampa (ref. dos posts → web):
     122  · lh 96%  · ls -5%
     88   · lh 108% · ls -4%
     58   · lh 120% · ls -3.5%
     44   · lh 128% · ls -3%
     31   · lh 136% · ls -2.6%
     22   · lh 156% · ls -2%
     16   · lh 172% · ls -1%
     11   · lh 175% · ls +1%          */

  --t-capa: clamp(3.25rem, 8.6vw, 7.625rem);
  --lh-capa: 0.96;   --ls-capa: -0.05em;

  --t-d1: clamp(2.75rem, 6.2vw, 5.5rem);
  --lh-d1: 1.08;     --ls-d1: -0.04em;

  --t-d2: clamp(2.25rem, 4.6vw, 3.625rem);
  --lh-d2: 1.2;      --ls-d2: -0.035em;

  --t-d3: clamp(1.75rem, 3.4vw, 2.75rem);
  --lh-d3: 1.28;     --ls-d3: -0.03em;

  --t-h: clamp(1.4375rem, 2.6vw, 1.9375rem);
  --lh-h: 1.36;      --ls-h: -0.026em;

  --t-lead: clamp(1.1875rem, 1.9vw, 1.375rem);
  --lh-lead: 1.56;   --ls-lead: -0.02em;

  --t-body: 1rem;
  --lh-body: 1.72;   --ls-body: -0.01em;

  --t-cap: 0.6875rem;
  --lh-cap: 1.75;    --ls-cap: 0.01em;

  /* ---------- ESPAÇAMENTO ---------- */
  --sp-1: 0.5rem;
  --sp-2: 0.875rem;
  --sp-3: 1.375rem;
  --sp-4: 2rem;
  --sp-5: clamp(2.5rem, 4vw, 3.5rem);
  --sp-6: clamp(3.5rem, 6vw, 5.5rem);
  --sp-7: clamp(5rem, 9vw, 8.5rem);

  /* ---------- GRID ---------- */
  --grid-max:    76rem;
  --grid-margin: clamp(1.25rem, 5vw, 4.5rem);
  --grid-gap:    clamp(1.5rem, 3vw, 3.5rem);

  /* ---------- MISC ---------- */
  --line: 1px solid var(--c-border);
  --shadow-panel: 0 30px 70px -48px rgba(22, 18, 10, 0.5);
  --shadow-lift:  0 16px 44px -30px rgba(22, 18, 10, 0.35);
  --ease: cubic-bezier(0.22, 0.9, 0.3, 1);
}