/* ============================================================
   Design tokens — fonte única. Ajuste visual global = este arquivo.
   ============================================================ */
:root {
  color-scheme: dark;

  /* --- superfícies / fundo --- */
  --bg:            #17130E;   /* fundo da app */
  --surface:       #221C15;   /* card padrão */
  --surface-2:     #1C1710;   /* card recuado / desativado */
  --surface-inset: #17130E;   /* caixa dentro de um card */
  --chip-bg:       #2E2619;   /* chip de ícone / botão secundário */
  --line:          #322A1F;   /* borda sutil de card */
  --line-strong:   #4A3B22;   /* borda de destaque (card ativo) */

  /* --- texto --- */
  --ink:      #F4ECDD;   /* títulos */
  --ink-body: #CBBFA9;   /* corpo (contraste ~8:1 sobre --surface) */
  --ink-soft: #A79B84;   /* secundário legível */
  --ink-mute: #8C8270;   /* rótulos / meta (só texto pequeno) */

  /* --- acento mel --- */
  --honey:        #E4AB4C;
  --honey-deep:   #C88E33;
  --honey-text:   #E7C689;   /* mel sobre fundo escuro, para texto */
  --honey-tint:   rgba(228,171,76,.12);
  --grad-honey:   linear-gradient(180deg, #E8B65A, #C88E33);
  --on-honey:     #1E1913;   /* texto sobre botão mel */

  /* --- semânticos --- */
  --ok:        #5C7C4F;
  --whatsapp:  #22C57C;
  --wa-ink:    #08281C;
  --green-tint:#12332A;
  --cover:     linear-gradient(140deg, #2C3050, #1B1E33); /* capas de conteúdo (contraste frio proposital) */
  --cover-warm:linear-gradient(140deg, #3A2E1E, #241C12);

  /* --- tipografia --- */
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-h1: 24px;  --fs-h2: 19px;  --fs-h3: 17px;  --fs-h4: 16px;
  --fs-body: 15px; --fs-sm: 14px; --fs-xs: 13px;
  --fs-label: 11px;  --ls-label: 1.6px;

  /* --- espaçamento --- */
  --s1: 4px;  --s2: 8px;  --s3: 12px;  --s4: 16px;  --s5: 20px;  --s6: 24px;

  /* --- raios --- */
  --r-row: 14px;  --r-card: 18px;  --r-feature: 22px;  --r-pill: 999px;

  /* --- sombras --- */
  --sh-1: 0 1px 2px rgba(0,0,0,.25), 0 12px 26px -16px rgba(0,0,0,.55);
  --sh-2: 0 2px 4px rgba(0,0,0,.3),  0 22px 44px -22px rgba(0,0,0,.65);

  /* --- layout --- */
  --topbar-h: 58px;
  --nav-h: 80px;
  --maxw: 480px;
}