/* ============================================================
   DYVI GROWTH STUDIO — Design Tokens
   Fonte de verdade para cores, tipografia e espaçamentos.
   Importar primeiro em qualquer ficheiro CSS do projeto.
   ============================================================ */

:root {
  /* Cores base */
  --ink:        #0A1622;
  --ink2:       #0F2230;
  --ink-soft:   #163341;

  /* Cores de marca */
  --cyan:       #31C2E1;
  --cyan-deep:  #157E98;
  --magenta:    #FF3D7F;
  --violet:     #7C5CFF;

  /* Texto */
  --paper:      #F2FAFC;
  --paper-white:#FFFFFF;
  --mist:       #F1F8FA;
  --muted-dark: #8FB0BB;   /* sobre fundos escuros */
  --muted-light:#577079;   /* sobre fundos claros */
  --line-dark:  rgba(255,255,255,.12);
  --line-light: #DBE7EB;

  /* Tipografia */
  --display: 'Space Grotesk', system-ui, sans-serif;
  --body:    'Manrope', system-ui, sans-serif;

  /* Layout */
  --maxw: 1120px;
  --pad:  28px;
}